Skip to content

BurhanRaja/React-Typescript

Repository files navigation

Frontend of Company E-commerce

Description

What is project about?

The project is an E-commerce Web App. This project contains both the customer side and a seller side too. You can be a customer to buy things as well as a seller to sell products. The front of the E-commerce i.e. customers, you buy the products from the world of Fashion, Beauty, Electronics and Furniture/Home Decor. The seller side contains an admin panel where you can do CRUD of Products, CRUD of discounts, and can edit seller info and company's info. This project is built on React with typescript. I have used libraries like redux-toolkit, tailwindcss, slick-carousel, tinymce for adding description, uui and axios.

Intention

The intention behind building this web app is to learn a lot of things that goes into a world-class production web apps used by many. I have tried to keep the project structure as close to a professional codebase. I have used CI/CD pipelines to make the deployment and tesing process becomes easier for the maintainers of the project. I have deployed the project on aws S3 bucket.

Problems I faced while building the project

I faced some problems while implementing logics in typescript as it is a very strict language. I used typescript with React for the first time, so it was hard to build project. I found it difficult at initial state when I was setting Redux for the project as also used it for the first in a big project but after that it became easy to use.

Project Setup for Local Development

Clone the repo

git clone https://github.com/BurhanRaja/React-Typescript.git

Install Dependencies

npm install

Run locally

npm run start

Project setup for production build

Clone the repo

git clone https://github.com/BurhanRaja/React-Typescript.git

Install Dependencies

npm install

Build production build

npm run build

you will get a build folder and you can run serve -s build command to run the static build in local env.

Demo

Ecommerce-Customer-2.mp4
Ecommerce-Seller-2.mp4

Technology Used