https://github.com/khadem-mh/todolist-reactredux

Build a beautiful Todo-List with animated background in React Js and especially use the react-redux package with redux
https://github.com/khadem-mh/todolist-reactredux

react react-redux redux todo todo-list todolist todolist-react

Last synced: about 2 months ago
JSON representation

Build a beautiful Todo-List with animated background in React Js and especially use the react-redux package with redux

• Host: GitHub
• URL: https://github.com/khadem-mh/todolist-reactredux
• Owner: khadem-mh
• Created: 2024-06-08T19:19:25.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-16T10:37:43.000Z (7 months ago)
• Last Synced: 2024-06-16T11:45:19.410Z (7 months ago)
• Topics: react, react-redux, redux, todo, todo-list, todolist, todolist-react
• Language: JavaScript
• Homepage:
• Size: 7.05 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 
Hi 👋 I'm an expert on React Js 👨‍💻 Next JS

## Description Project

- Build a beautiful Todo-List with animated background in React Js and especially use the react-redux package with redux


- The purpose of the project coding was to work with the React-Redux package

>### Languages

>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=5BCAF7&random=false&width=100&height=25&lines=React+Js)

>>

>> ![](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)

>### Packages

>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=C25QA1FF&random=false&width=150&height=25&lines=react-redux)

>> 

>> ![](https://readme-typing-svg.demolab.com?font=Fira+Code&size=16&duration=1500&pause=5000&color=CB58F7FF&random=false&width=150&height=25&lines=redux)

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

### React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

___

>### Social Network

> [](https://github.com/khadem-mh)

> [](https://www.linkedin.com/in/khadem-mh/)

> [](https://t.me/mhkhadem)

> [](https://wa.me/989031335939)

> [](https://wakatime.com/@khadem_mh)