README.md

Fmania - ecommerce

Table of contents

• General info
• Technologies
• Setup
• Build
• Features
• Screenshots

General info

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 :)

See project

Technologies and libraries

Project is created with:

• React
• TypeScript
• Styled-components
• React-router-dom
• React-toastify
• use-react-router-breadcrumbs
• Slick
• Storybook

Setup

To run this project, install it locally using npm:

npm install
npm start

Build

To build this project:

npm run build

Features

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

Screenshots