ecommerce-website's Introduction

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

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
    └── ...

Recommend Projects