Patika.dev React Course E-Commerce Application

The frontend side of the project was created with React.js was bootstrapped with Vite + React + TypeScript

The backend side of the project was created with Node.js was bootstrapped with Express

HTML - CSS - JavaScript - TypeScript - ReactJS

NodeJS - Express

• react
• react-dom
• react-query
• react-router-dom
• react-image-gallery
• @chakra-ui/react
• @emotion/react
• @emotion/styled
• antd
• axios
• formik
• framer-motion
• moment
• yup

• express
• express-rate-limit
• express-redis-cache
• rate-limit-redis
• ioredis
• bcrypt
• cors
• dotenv
• jsonwebtoken
• mongoose
• boom
• joi
• accesscontrol
• sucrase

• Create an .env file in the backend and frontend directory before starting the application
• Edit according to the contents of the .env.local file

Customize the Redis and MongoDB database configuration in the backend according to your needs

Run in Backend and Frontend directory :

npm install

npm run dev

Runs backend and frontend app in the development mode

• Frontend -> Open http://localhost:5173 to view it in the browser.
• Backend -> Open http://localhost:4000 to view it in the browser.