This is a simple test shop application built with Vite + React. It allows users to browse a catalog of sport shoes and add them to their favorites and cart. Users can also view detailed information about each pair of shoes. The application includes filtering options to help users find shoes by color or size that match their preferences.
- Demo
- Features
- Getting Started
- Usage
- Technologies
- Contributing
Experience our live demo here.
- Browse a comprehensive catalog of shoes.
- Filter shoes by color and size.
- Add shoes to your favorites for easy access.
- View detailed information about each pair of shoes.
- Responsive design that adapts to various screen sizes.
- Dark mode support for a comfortable viewing experience.
Follow these steps to get started with the project:
- Clone this repository to your local machine:
git clone https://github.com/Iryna-Vyshniak/simple-commerce-mastery
- Navigate to the project folder:
cd simple-commerce-mastery
- Install the project dependencies:
npm install
- Start the development server:
npm run dev
- Open your web browser and navigate to
http://localhost:5173/to access the application.
- Browse the catalog of shoes on the home page.
- Use the filters to narrow down your search based on size and/or color.
- Click the heart icon to add shoes to your favorites.
- Click the "Buy now" button to add shoes to your cart.
- Click the "Read more" button to view detailed information about a pair of shoes.
- React
- React Router
- Redux Axios
- react-toggle-dark-mode
- Tailwind CSS
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive commit messages.
- Push your changes to your fork.
- Open a pull request to the main repository.
Your contributions are greatly appreciated! Thank you for helping improve our project.