ivan3123708 / Fullstack Shopping Cart
MERN stack shopping cart, written in TypeScript
Stars: ✭ 82
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Fullstack Shopping Cart
Nodejs Backend Architecture Typescript
Node.js Backend Architecture Typescript - Learn to build a backend server for Blogging platform like Medium, FreeCodeCamp, MindOrks, AfterAcademy - Learn to write unit and integration tests - Learn to use Docker image - Open-Source Project By AfterAcademy
Stars: ✭ 1,292 (+1475.61%)
Mutual labels: mongoose, mongodb, jest, docker-compose
Node Express Boilerplate
A boilerplate for building production-ready RESTful APIs using Node.js, Express, and Mongoose
Stars: ✭ 890 (+985.37%)
Mutual labels: mongoose, mongodb, express, jest
Saas
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
Stars: ✭ 2,720 (+3217.07%)
Mutual labels: mongoose, mongodb, express, material-ui
Nodejs Api Boilerplate
A boilerplate for kickstart your nodejs api project with JWT Auth and some new Techs :)
Stars: ✭ 364 (+343.9%)
Mutual labels: mongoose, mongodb, express, docker-compose
Blog Service
blog service @nestjs
Stars: ✭ 188 (+129.27%)
Mutual labels: mongoose, mongodb, express, jest
Typescript Express Starter
🚀 TypeScript Express Starter
Stars: ✭ 238 (+190.24%)
Mutual labels: mongoose, mongodb, express, jest
Express Graphql Mongodb Boilerplate
A boilerplate for Node.js apps / GraphQL-API / Authentication from scratch - express, graphql - (graphql compose), mongodb (mongoose).
Stars: ✭ 288 (+251.22%)
Mutual labels: mongoose, mongodb, express, docker-compose
Api Design Node V3
[Course] API design in Node with Express v3
Stars: ✭ 459 (+459.76%)
Mutual labels: mongoose, mongodb, express
Node Express Mongoose Demo
A simple demo app using node and mongodb for beginners
Stars: ✭ 4,976 (+5968.29%)
Mutual labels: mongoose, mongodb, express
Node Express Mongodb Jwt Rest Api Skeleton
This is a basic API REST skeleton written on JavaScript using async/await. Great for building a starter web API for your front-end (Android, iOS, Vue, react, angular, or anything that can consume an API). Demo of frontend in VueJS here: https://github.com/davellanedam/vue-skeleton-mvp
Stars: ✭ 603 (+635.37%)
Mutual labels: mongoose, mongodb, express
Clean Ts Api
API em NodeJs usando Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
Stars: ✭ 619 (+654.88%)
Mutual labels: mongodb, jest, docker-compose
Mevn Cli
Light speed setup for MEVN(Mongo Express Vue Node) Apps
Stars: ✭ 696 (+748.78%)
Mutual labels: mongoose, mongodb, express
Nodepress
😎 RESTful API service for Blog/CMS, powered by @nestjs
Stars: ✭ 829 (+910.98%)
Mutual labels: mongoose, mongodb, express
Meantorrent
meanTorrent - MEAN.JS BitTorrent Private Tracker - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js, A BitTorrent Private Tracker CMS with Multilingual, and IRC announce support, CloudFlare support. Demo at:
Stars: ✭ 438 (+434.15%)
Mutual labels: mongoose, mongodb, express
Spruce
A social networking platform made using Node.js and MongoDB
Stars: ✭ 399 (+386.59%)
Mutual labels: mongoose, mongodb, express
Mean Stack Angular6 Crud Example
MEAN Stack Angular 6 CRUD Web Application
Stars: ✭ 69 (-15.85%)
Mutual labels: mongoose, mongodb, express
Blog Node
基于 node + express + mongodb 的博客网站后台
Stars: ✭ 364 (+343.9%)
Mutual labels: mongoose, mongodb, express
Jwt Node Vue
Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.
Stars: ✭ 29 (-64.63%)
Mutual labels: mongoose, mongodb, express
Node Auth
基于 Node Express Mongoose 实现的用户注册/登陆权限验证
Stars: ✭ 10 (-87.8%)
Mutual labels: mongoose, mongodb, express
Cmms
Computerized Maintenance Management System
Stars: ✭ 31 (-62.2%)
Mutual labels: mongoose, mongodb, express
MERN stack shopping cart
Intro
I started working on this app a while ago when I was still learning technologies used in this project, so please be aware that the codebase (and the whole app in general) isn't perfect and there is still room for improvement, even though I've updated the code multiple times over the past years.
So, consider this as a learning example or just a showcase rather than a production-quality code.
Description
Shopping cart app build with MERN stack and using RESTful API design. Responsive front-end design done with Material-UI, uses Redux for state management, Node & Express for API, MongoDB as database. App runs in Docker containers but you can also run each sub-app separately, without Docker.
You can get and view the list of all products from the API, register, add products to cart, remove specific product or empty entire cart, make order...
Technologies & Tools
Front-end:
- React
- Redux
- Redux-Saga
- Material-UI
- Webpack
- TypeScript
Backend:
- Node/Express
- MongoDB/Mongoose
Installation and Usage
Requirements:
- Docker
In case you want to run it without Docker (requires additional setup):
- Node.js installed
- MongoDB connection
Steps:
- Clone repo on your local machine:
$ git clone https://github.com/ivan3123708/fullstack-shopping-cart.git
- Run
docker-compose
$ cd fullstack-shopping-cart
$ docker-compose up -d
This will pull images and build 3 containers for each part of the application: frontent, backend & db.
- If everything went without problems, go to
localhost:3000, you should see the running app.
-
frontendcontainer (React app) runs on port3000 -
backendcontainer (Node api) runs on port5000 -
dbcontainer (MongoDB server) runs on port27017
Use docker exec -it <container name> bash to troubleshoot if there are any problems.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].