fashionX

FASHIONX- mern e-commerce app

DEMO: https://fashionx.onrender.com/

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Environment variables

• MANGO_URL
• SECRET_KEY
• REACT_APP_STRIPE_KEY
• STRIPE_KEY

Technologies used:

Backend

• Nodejs
• Expressjs
• Mongodb/mongoose
• JWT / jsonwentoken
• Bcryptjs
• Stripe

Frontend

• Reactjs
• React-router-dom
• Styled-components
• Redux/reduxjs-toolkit
• Redux-persist
• React-slick
• React-Hooks
• Mui/icons-material
• react-stripe-checkout
• Stripe

Features

• Interaction with the backend through Rest API.
• Authentication system with signup/email/login/signout.
• Secure Routes using jsonwebtoken(JWT).
• awesome fully mobile responsive design.
• State management using redux-toolkit/redux.
• pagination.
• view product info/ add to cart/ add to wishlist/ choose color and size.
• sort products according to size, color, price, new.
• order products/ view orders.
• payment integretion using Stripe.