This is a functional ecommerce web application that is developed by using React, Redux, Node.js, Express, MongoDB.
This Project includes two repositories, this repo is client-side, server-side repo is here
Below are the sample of a product-shop and list page:
This repository is built on top of Express.js and React.js, however in the implementation detail, we will find other supporting technologies as well.
- React - A JavaScript library for building user interfaces
- Material-UI Design - A design system for enterprise-level products. Create an efficient and enjoyable work experience
- Node.js - evented I/O for the backend
- Express.js - Fast, unopinionated, minimalist web framework for Node.js
- MongoDB - The application data platform for NoSQL databases
- Mongoose - mongoose
- Swagger - Swagger (Not done yet)
Details frameworks and packages can be found in the package.json files in server and client repository.
- Node.js : To run npm packages
- MongoDB : As a database for the application
-
we should run the server and client side projects separately, and also make sure mongodb is up and running.
-
Create a
.envfile inside of theserverrepo. Add the below entries or change accordingly. You can follow the.env.samplefile to see the format.DB_HOST=localhost DB_PORT=27017 DB_NAME=sabil-api JWT_SECRET=JWT_SECRETfsdfsdfsdsd3435353 JWT_EXPIRES_IN=3600 PORT=8080 IS_MONGODB_CLOUD_URL=false MONGODB_CLOUD_URL=mongodb+srv:// <USER >: <PASSWORD >@cluster0.abcd.mongodb.net/myFirstDatabase?retryWrites=true
We assume mongodb is up and running.
npm i
npm run db:up
npm startnvm use --lts
npm i
npm startTo seed the database, we need to run the following commands.
npm run db:seed
npm run db:migrateYou should be able to see the username and password in the /setup/users.json file.
- ✅ Server-side (Back-End): Source Code
- 🔴 Project Live : Sabil-App