WatchUp is a web application built in React that offers a wide range of vintage clocks for purchase. The project leverages the power of React, JSX, React Router, useState, useEffect, and SCSS to create an immersive and user-friendly shopping experience.
- Browse and search for a variety of vintage clocks based on style, brand, or price range.
- View detailed information about each clock, including images, descriptions, specifications, and customer reviews.
- Add clocks to the shopping cart and proceed to checkout securely.
- Apply discount codes during the checkout process.
- Manage user profile, including order history and shipping details.
- Contact customer support through the integrated messaging system.
- Explore a gallery showcasing featured clocks and popular collections.
To run WatchUp locally, follow these steps:
- Clone the repository:
git clone https://github.com/TamerlanMustafayev/WatchUp.git - Navigate to the project directory:
cd WatchUp - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit
http://localhost:3000to access WatchUp.
The project structure follows a modular approach to maintain code organization and scalability:
src/components: Contains reusable components used across the application.src/pages: Houses different pages/views of the application.src/assets: Stores static assets such as images and SCSS stylesheets.src/data: Holds sample data used for populating the application with clock information.
- React