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

https://github.com/gabrielpenteado/watch-store

A modern watch store website. | React | Typescript | Redux | Redux-Toolkit | TailwindCSS
https://github.com/gabrielpenteado/watch-store

react react-redux react-router-dom redux redux-middleware redux-toolkit tailwind-css tailwindcss typescript

Last synced: 3 months ago
JSON representation

A modern watch store website. | React | Typescript | Redux | Redux-Toolkit | TailwindCSS

Awesome Lists containing this project

README

        


Watch Store


A modern watch store website built with React and Redux.


license

yarn version

yarn version

website status

## 📑 Contents

- [About the project](#-about-the-project)
- Built with
- [Getting Started](#-getting-started)
- Requirements
- Installation
- [Contributions](#-contributions)
- [License](#-license)

## ⌚ About the project


A modern watch store website created with React, Redux and
TailwindCSS.
The user can add products to cart, increase or decrease the quantity; each purchase action has a notification created with react-toastify.






Video


Website

























Screenshot-1


Screenshot-2


Screenshot-3


Screenshot-4




### Built with

![vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
![react](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=000&style=for-the-badge)
![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)
![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![react-router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

## 🚀 Getting started

To start using Watch Store follow the instructions below.

### Requirements

- yarn (^1.22.19)
- react(^18.2.0)
- [vite](https://vitejs.dev/guide/)
- [redux](https://redux.js.org/introduction/getting-started)
- [redux-toolkit](https://redux-toolkit.js.org/introduction/getting-started)
- [react-router-dom](https://reactrouter.com/en/main)
- [react-toastify](https://fkhadra.github.io/react-toastify/introduction)
- [phosphor-icons](https://phosphoricons.com)

### Browsers Support

| [Chrome](https://www.google.com/intl/en/chrome/)
Chrome | [Edge](https://www.microsoft.com/en-us/edge)
Edge | [Firefox](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [Safari](https://www.apple.com/br/safari/)
Safari | [Opera](https://www.opera.com)
Opera |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ | ✅ |
| last version | last version | last version | last version | last version |

### Installation

1. Clone the repository

`git clone https://github.com/gabrielpenteado/watch-store`

2. Access the project folder in the terminal

3. Install all packages dependencies

`yarn install`

4. Start using

`yarn dev`

## 🤝 Contributions

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

The foundation of the open source community are the contributions, them inspire us to learn and create. Any contributions are greatly appreciated.

## 📄 License

This project is licensed under the MIT License. See the [LICENSE.md](https://github.com/gabrielpenteado/watch-store/blob/main/LICENSE.md) file for details.





Gabriel Penteado


Full Stack Developer



[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gabriel-penteado)
[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/gabrielpenteado)
[![Gmail](https://img.shields.io/badge/[email protected]?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])