FlixyCart

A ReactJS ecommerce web app for books.

Demo

Frontend

Deployed on Netlify using github actions

Backend

Deployed on heroku

Features:

• Products listing of latest books
• Authentication facility for old & new users
• Wishlist and Cart functionality
• Authenticated users can add, update, remove, edit books in cart
• Authenticated users can add, update, remove, edit books in wishlist
• Filtering of items base on
  • Price
  • Category
  • Ratings
  • Price Slider
• Payment integration with Razorpay api
• Authentication using JWT token and custom mongodb based backend server
• LazyLoading/Code-splitting of components to dynamically load at runtime
• Error management using ErrorBoundary to catch and show fallback UI.
• LazyLoading/Code-splitting of components.
• Day/Night theme toggle
• Uses mongodb, JWT for data persistence and authetication
• Responsive UI for all screens (Desktop, Tablet, Mobile)

Built using:

• ReactJS - Frontend framework
• React Router - For routing & navigation
• React-Hot-Toast - to show Toast Notifications
• Formik - For form handling
• Axios - Network request
• SAS - UI styling
• Yup- Form validation

Screenshots

Desktop

Mobile

Run Locally

• Clone the project git clone https://github.com/Debarshi95/FlixyCart.git
• Go to the project directory
• cd flixycart
• Install dependencies yarn
• Create a .env file

REACT_APP_BASE_URL="Backend base url"

• Start the server yarn start