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

https://github.com/khadem-mh/counter-redux

Build a beautiful counter with Redux + JS
https://github.com/khadem-mh/counter-redux

counter counter-app counter-redux redux redux-counter

Last synced: 3 months ago
JSON representation

Build a beautiful counter with Redux + JS

Awesome Lists containing this project

README

        

#

Hi there 👋 I'm Mohammad Hossein 👨‍💻


React Js expert and FrontEnd Developer from Iran.

## Description Project
- A beautiful counter with the ability to rotate the main container box to 45 degree angles

- Use the ducks method in redux

>### Languages
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=F77F1A&random=false&width=55&height=25&lines=Html5)
>>
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=5BCAF7&random=false&width=55&height=25&lines=Css3)
>>
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=FAFF09&random=false&width=100&height=25&lines=JavaScript)
>
>### Library
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=5BCAF7&random=false&width=150&height=25&lines=Redux)
>>
>### Packages
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=CB58F7FF&random=false&width=150&height=25&lines=bootstrap-icons)
>### Tools
>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=CB58F7FF&random=false&width=150&height=25&lines=Vite)

## View of the project

## Getting Started

Before running the project, it is necessary to install npm on your system, then you can put the following command in the path of the project

and after installing the related packages run the project.

```
> npm install
```
OR
```
> npm i
```

Then, after you finish installing the packages, run this command to start your React program.

```
> npm run dev
```

### `npm run dev`

Runs the app in the development mode.\
Open [http://localhost:5173/](http://localhost:5173/) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### Guid
If you are not installed on your system Node.js and Npm, go to this [Link Install](https://nodejs.org/en/download) and install and then proceed to the above steps

Install Node.js and NPM in Windows via Node.js Installer

___
>### Social Network
> [](https://github.com/khadem-mh)
> [](https://pinterest.com/khadem_mh)
> [](https://t.me/mhkhadem)
> [](https://wa.me/989031335939)
> [](https://wakatime.com/@khadem_mh)