ITCrowd Full Stack Challenge

React app developed as part of a Full Stack position at IT Crowd

Stack

Backend

• NodeJS with express
• Multer for image upload
• MySQL DB
• Bcrypt for hashing password
• Passport-JWT for authentication strategy

Frontend

• React (Vite)
• Tailwind CSS
• Axios for HTTP request
• React router for routing

Running instructions

Backend

1. Clone repo

2. Navigate to server folder and run npm run dev

3. Backend is hosted on https://itcrowdapi.onrender.com but you can use localhost://3000 locally

4. DB was hosted on Clevercloud

5. Sequelize was used as ORM

Frontend

1. Clone repo

2. Navigate to client and run npm run dev

3. Frontend is hosted on https://itcrowdcommerce.vercel.app

4.React-router-dom was used as navigation and Axios as library for making http requests

Basic Endpoints

Products

GET /products/allProducts

Find all products.

GET /products/:id

Find product by ID.

POST /addProduct

Need auth Create a product.

  {
    "name": "string",
    "description": "string",
    "price":"number",
    "img_Url": "string",
    "brandId": "number"
  }

PUT /products/:id

Need auth Update a product by ID.

  {
    "name": "string",
    "description": "string",
    "price":"number",
    "image_url": "string",
    "brandId": "number"
  }

POST /products/upload

Upload image into cloudinary

Send through form/data with key file and Type file.

DELETE /products/:id

Need auth Delete a product by ID.

DELETE /products

Delete all products. It's only made for easier testing with the seed. That is also a reason it doesn't require auth.

Seed

Brands

GET /brands

Find all brands

GET /brands/:id

Find brand by ID

POST /brands

Create a brand

  {
    "name": "string",
    "logo_url": "string"
  }

PATCH /brands/id

Update a brand by ID

  {
    "name": "string",
    "logo_url": "string"
  }

DELETE /brands/id

Delete a brand by ID

Auth

POST /auth/login

Login an user

  {
    "email":"admin@itcrowd.com",
    "password":"123456"
  }

POST /auth/register

Register a new user

  {
    "email":"string",
    "password":"string"
  }

GET /auth/me

Need auth Return logged in user with refreshed token.