Fmania is a project that is making during learning React and Typescript. The main goal of this project is to prepare a fully working simple shop that will have such functionalities as users registration, log in to shop, display products, filters products, add products to the cart, add comments to products.
This project was bootstrapped with Create React App.
The current status of the project can be seen by clicking on the link below. Wait a while on first run because the backend needs to wake up :)
Project is created with:
- React
- TypeScript
- Styled-components
- React-router-dom
- React-toastify
- use-react-router-breadcrumbs
- Slick
- Storybook
To run this project, install it locally using npm:
npm install
npm start
To build this project:
npm run build
List the ready features:
- Homepage:
- News Slider
- Banner
- Products Slider
- Products page
- Product List view
- Product Grid view
- Filters
- Single Product page
- Product detail
- Product review
- Add product review
- Registration
- Breadcrumbs
- Cart
- Add product to cart
- Remove product from cart
- Empty cart
- Checkout shipping page
- Thank you for order page
- User page:
- orders
- manage personal information
- Log in
- Loading spinner
List the to do features:
- User page:
- wishlist
- manage addresses
- Pagination
- Add product to wishlist