Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aachourmohamed/todo-list
About This React to-do application was motivated by a React tutorial. I followed the tutorial judiciously to consolidate my skills in React library. The app can delete, update, and add new tasks to enhance task management.
https://github.com/aachourmohamed/todo-list
react
Last synced: 4 days ago
JSON representation
About This React to-do application was motivated by a React tutorial. I followed the tutorial judiciously to consolidate my skills in React library. The app can delete, update, and add new tasks to enhance task management.
- Host: GitHub
- URL: https://github.com/aachourmohamed/todo-list
- Owner: AACHOURMOHAMED
- Created: 2022-10-13T19:11:33.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-11-07T17:09:58.000Z (about 2 years ago)
- Last Synced: 2024-11-02T00:22:10.498Z (about 2 months ago)
- Topics: react
- Language: JavaScript
- Homepage:
- Size: 833 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Name: React To-Do List
> Description of the project: This is a to-do list that is primarily created using Reactjs. The list is an array of objects that allows the user to fill in the form section with the activity, date and time. There is also the option of checking completed tasks and removing them from the list. All the information is stored in the local storage.
## Live Preview
> Coming soon
## Built With
- React
- JavaScript
- CSS
## Additional Tools
- Stylelint
- Eslint
- babel
- Jest
## `Getting Started`
To get a local copy of this project:
Clone this repository or download the Zip folder:
```
https://github.com/AACHOURMOHAMED/react-todo-list.git
```
To get started, In the project directory, you can run:
```
yarn install OR npm install
```
run react app and open in browser:
```
yarn start OR npm start
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
If you encounter an issue related to eslint or webpack version conflict run:
```
yarn audit fix --force OR npm audit fix --force
```
## `Tests`
To check development tests run:
```
yarn test OR npm run test
```
Launches the test runner in the interactive watch mode.
### To track linter errors locally follow these steps:
Track CSS linter errors run:
```
npx stylelint "**/*.{css,scss}"
```
Track JavaScript linter errors run:
```
npx eslint .
```
## `Deployement`
```
yarn build OR npm build
```
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
👤 **AshourMohamed**
- GitHub: [@githubhandle](https://github.com/AACHOURMOHAMED)
- LinkedIn: [LinkedIn](https://linkedin.com/in/mohamed-aachour-25405b215)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/AACHOURMOHAMED/react-todo-list/issues).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.