Giter Club home page Giter Club logo

combine_app_ecommerce's Introduction

My Typescript Side Project Repository

Repository is combine from the two repositories server and client for Docker. Repository will be separated into server and client directory for NestJS backend and Angular frontend resepctively.

  • Server repository
  • Client repository
  • Docker support
  • Hook up Server and Client

Server-side (NestJS)

The Project's backend written using NestJS

  • NSwag: Nswag allows us to generate API Calls to our Backend on our Frontend in forms of Functions. The abstraction of HttpClientModule takes place in the generated file.
  • Steps:
    1. cd ./server & npm i to install all dependencies for Server side.
    2. Have an instance of MongoDB running (mongod).
    3. npm run start:dev to start the server with Nodemon.

Client-side (Angular)

This repository Project's frontend written using Angular CLI 15.2.7

  • Run: cd ./client & npm i to install all the dependencies then just start the application with ng serve.
  • Note: Backend have CORS setup with CORS ORIGIN.

Docker

Docker is supported.

  • Branch: docker,master
  • Steps: Just clone the repository, check out docker or master branch then from root directory, edit client/environments & docker-compose.yaml and set value ENV you want, run docker compose up -d and Docker will take over. When prebuild, run docker compose build first, after run docker compose up -d.
  • Note: Angular application will be served by NGINX on localhost; Nest application will be running on localhost:8080. Again, it's worthwhile to explore the Dockerfile in both client and server directory; docker-compose.yaml to get the gist of how Docker and Docker Compose work.

combine_app_ecommerce's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.