/

Blink It - Ecommerce Application

React JS / React Context API / Firestore /Material UI / Lazy Loading

Project

Overview

Blink It is an ecommerce web application where you can blackpink t-shirt, album & accessories. It is build using React, React Context API, Firebase Firestore, Firebase Rest Authentication, Material UI, React-Image-Magnify, React-elastic-carousel & React lazy loading. I build this project to demonstrate my knowledge in React, React Context API, Firestore database, API Integration & React lazy loading.User can sign-up & login using email & password. User can add to cart/remove from cart product, increase quantity, remove product , remove all product & add a review for the product. User can view cart, search for the product,filter by category & can see magnify image of the product .

Functionalties:-

  • Login / Logout & Sign-up Authentication.
  • Add to cart & remove from cart.
  • Increase & decrease quantity.
  • Remove all product.
  • Add review.
  • View all review.
  • Search product.
  • Filter by category.
  • See magnify image of product.
  • Pagination.
  • Carousel.
  • View Cart
  • View total amount.
  • Persistent data.
  • Users specific

    • Technologies

    React JS

    React Context API

    Firebase Firestore

    Firebase Rest Authentication

    React Lazy Loading

    React-Image-Magnify

    React-Elastic-Carousel

    React-Hooks

    React-Router-Dom

    API Integration

    Axios

    Local Storage

    Material UI

    CSS

    Back