Skip to content

KJSubodh/Stationery-eCommerce-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stationery eCommerce App

This project is an eCommerce web application for stationery items, built using ReactJS and CSS for the frontend. It is a single-page application that allows users to browse various sections of stationery products, add items to their cart, and proceed to checkout. At checkout, a detailed invoice is generated, and users are provided with a (dummy) payment option.

Features

React Router: Implemented using react-router-dom for seamless navigation between different sections.

Product Sections: Users can select a section from the homepage and explore a variety of stationery items.

Data Management: Items are extracted from stored .json and .js files to display the available products in the eCommerce app.

Shopping Cart: Add, remove, or update the quantity of items in the cart.

Checkout and Invoice: Upon checkout, an invoice is generated with a summary of selected items, total cost, and a payment option (for demonstration purposes).

Print/Download Invoice: The final invoice can be printed or downloaded for the user's records.

Available Scripts

In the project directory, you can run:

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

Home Page

Stationery_Store

Notebooks Section

Notebooks

Writeables Section

Pencils

Artistic Collection

Artistic

Cart and Invoice

cart

invoice