aboueleyes/ecommerce-website

eCommerce website built using MERN

Ecommerce

References

Add your reference here

• VSCode The Editor That we will be using
• Prettier vscode plugin to format the code
• Basic React + Typescript tutorial
• Material-UI
• State hoisting
• Basic authentication

Code Formatter

• Add a .vscode directory
• Create a file settings.json inside .vscode
• Install Prettier - Code formatter in VSCode
• Add the following snippet:

    {
      "editor.formatOnSave": true,
      "prettier.singleQuote": true,
      "prettier.arrowParens": "avoid",
      "prettier.jsxSingleQuote": true,
      "prettier.trailingComma": "none",
      "javascript.preferences.quoteStyle": "single",
    }

Tools

• Node
• Express
• Mongoose
• React

For setting up project:

Initial steps:

Node

Download Node

Database

Download MongoDB
Install Mongo

• To create a database follow this tut

Each one of us will use a different local DataBase, we will host a shared DB online later

Project Structure

.
├── app.js              <- Start the website
├── bin
│   └── www
├── LICENSE
├── package.json
├── public              <- Static files
│   ├── images
│   │   ├── background1.jpg
│   │   ├── books.png
│   │   ├── boxing.jpg
│   │   └── ...
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── README.md
├── routes             
│   ├── index.js
│   └── users.js
└── views               <- templates for the web pages 
    ├── books.ejs
    ├── login.ejs
    ├── registration.ejs
    ├── searchresults.ejs
    └── ...