An open API service indexing awesome lists of open source software.

https://github.com/jeevan-2005/skinstore-clone

This project is a clone of the SkinStore website, created using Create React App (CRA). It includes various features to enhance the user experience and functionality.
https://github.com/jeevan-2005/skinstore-clone

chakra-ui css3 html5 js reactjs redux

Last synced: 4 months ago
JSON representation

This project is a clone of the SkinStore website, created using Create React App (CRA). It includes various features to enhance the user experience and functionality.

Awesome Lists containing this project

README

          

# SkinStore Clone

This project is a clone of the [SkinStore](https://www.skinstore.com/) website, created using Create React App (CRA). It includes various features to enhance the user experience and functionality.

## Features

1. **Login & Signup**: Users can create accounts and log in to access personalized features.
2. **Dynamic Product Display**: Products are displayed dynamically, ensuring up-to-date content.
3. **Product Filtering**: Users can filter products dynamically based on various criteria.
4. **Smooth Navigation**: The website offers smooth and seamless navigation.
5. **Responsive Design**: The website is fully responsive and can be viewed on any device.
6. **Dynamic Cart**: A dynamic cart feature allows users to add and manage products easily.

## Live Demo

Check out the live demo of the project [here](https://skinstore-clone-fawn.vercel.app/).

## Screenshots

![home-page](https://github.com/user-attachments/assets/0f492e72-20fe-45aa-ba94-c32187904a0e)
![products-page](https://github.com/user-attachments/assets/dfa4e1b1-6032-49f0-915f-acd0a3df74fe)
![cart-page](https://github.com/user-attachments/assets/1fad84d2-eb76-4a7a-8aad-e9ab83517a92)
## Technologies Used

* HTML5
* CSS3
* JavaScript
* React.js
* ChakraUi
* Redux

## Getting Started

Follow these instructions to set up the project on your local machine.

### Prerequisites

Make sure you have [Node.js](https://nodejs.org/) installed on your machine.

## Installation

To get a local copy up and running, follow these simple steps:

1. **Clone the repository**:
```sh
git clone https://github.com/jeevan-2005/skinstore-clone.git
```
2. **Navigate to the project directory**:
```sh
cd skinstore-clone
```
3. **Install dependencies**:
```sh
npm install
```
4. **Start the application**:
```sh
npm start
```

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project.
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`).
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`).
4. Push to the Branch (`git push origin feature/AmazingFeature`).
5. Open a Pull Request.