https://github.com/iryna-vyshniak/simple-commerce-mastery

This is a simple test Nike shop application. 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
https://github.com/iryna-vyshniak/simple-commerce-mastery

axios react-toggle-dark-mode redux-toolkit-thunk tailwind vite

Last synced: 22 days ago
JSON representation

This is a simple test Nike shop application. 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

• Host: GitHub
• URL: https://github.com/iryna-vyshniak/simple-commerce-mastery
• Owner: Iryna-Vyshniak
• Created: 2023-08-25T17:34:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-15T11:49:13.000Z (6 months ago)
• Last Synced: 2024-07-16T10:55:36.663Z (6 months ago)
• Topics: axios, react-toggle-dark-mode, redux-toolkit-thunk, tailwind, vite
• Language: JavaScript
• Homepage: https://simple-commerce-mastery.vercel.app
• Size: 3.27 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nike Simple Shop Application

---

## Promo

[Experience the fusion of style, comfort, and innovation with our Nike arrivals. Designed for your active lifestyle.](https://simple-commerce-mastery.vercel.app/)

---

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.

### Table of Contents

- Demo

- Features

- Getting Started

- Usage

- Technologies 

- Contributing

### Demo

Experience our live _demo_

[here](https://simple-commerce-mastery.vercel.app/).



  



### Features

- 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.

### Getting Started

Follow these steps to get started with the project:

1. Clone this repository to your local machine:

`git clone` 

2. Navigate to the project folder:

`cd simple-commerce-mastery`

3.  Install the project dependencies:

`npm install`

4. Start the development server:

`npm run dev`

5. Open your web browser and navigate to `http://localhost:5173/` to access the application.

### Usage

- 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.

### Technologies

- React

- React Router

- Redux Axios

- react-toggle-dark-mode

- Tailwind CSS

### Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bug fix.

3. Make your changes and commit them with descriptive commit messages.

4. Push your changes to your fork.

5. Open a pull request to the main repository.

Your contributions are greatly appreciated! Thank you for helping improve our project.