This repository contains the source code for a small React application named "Stuff Store." The app features product cards with the ability to add items to a shopping cart and view the cart contents. Added items are stored in local storage for persistent user sessions. The project utilizes React, styled components, TypeScript, and Material-UI.
To run the application locally, follow these steps:
- Clone the repository:
git clone https://github.com/IrynaBondarenko7/stuff-store.git - Navigate to the project directory:
cd stuff-store - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit
http://localhost:3000to view the app.
- React: The main JavaScript library used for building the user interface.
- Styled Components: Styling is done using the Styled Components library for a more modular and maintainable approach.
- TypeScript: Adding static types for enhanced development and code quality.
- Material-UI: Utilized for UI components, styling, and a cohesive design.
- Product Cards: Displaying various items with details like name, price, and an "Add to Cart" button.
- Shopping Cart: Users can add products to the cart, and the cart icon updates with the total number of items.
- Cart Preview: A dedicated page to view and manage the items in the shopping cart.
- Local Storage: Added items persist between sessions thanks to local storage.
The project follows a structured organization: stuff-store/ |-- src/ | |-- Cart/ | |-- CartItem/ | |-- Item/ | |-- App.tsx | |-- index.tsx |-- public/
Thank you for your interest in Stuff Store. I hope you enjoy using the application!