https://github.com/lily4178993/react-todo-app
"react-todo-app " is a tool that helps to organize a day
https://github.com/lily4178993/react-todo-app
archived-repository learning-project react redux
Last synced: 9 months ago
JSON representation
"react-todo-app " is a tool that helps to organize a day
- Host: GitHub
- URL: https://github.com/lily4178993/react-todo-app
- Owner: lily4178993
- License: mit
- Archived: true
- Created: 2023-07-17T11:43:07.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-20T09:18:58.000Z (almost 3 years ago)
- Last Synced: 2025-01-29T04:36:12.873Z (over 1 year ago)
- Topics: archived-repository, learning-project, react, redux
- Language: JavaScript
- Homepage:
- Size: 445 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Table of Contents 📗
- [About the Project 📖](#about-project)
- [Built With](#built-with) 🛠
- [Tech Stack 🗜️](#tech-stack)
- [Key Features 🏷️](#key-features)
- [Getting Started 💻](#getting-started)
- [Setup ⚙️](#setup)
- [Prerequisites 🧱](#prerequisites)
- [Install 🏗️](#install)
- [Usage 📂](#usage)
- [Run tests 🧪](#run-tests)
- [Author 👤](#author)
- [Future Features 🔭](#future-features)
- [Contributing 🤝](#contributing)
- [Show your support 🌟](#support)
- [Acknowledgements 🙏](#acknowledgements)
- [License 📝](#license)
**React Todos** is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.
Client
-
HTML5 markup to build raw structure of this web page -
CSS3 custom properties
- React Js
-
Linters for coding convention and coding formating
- **Adding a new item**
- **Removing a selected item**
- **Marking a selected item as complete**
To get a local copy up and running, follow these steps.
In order to run this project you need:
- A Github account
- Node JS
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
Clone this repository to your desired folder:
```sh
git clone https://github.com/lily4178993/react-todo-app.git
```
- Navigate to the folder
```
cd react-todo-app
code .
```
- Checkout the branch
```
git checkout dev
```
Install all dependencies:
```sh
npm install
```
To run the project, open your terminal and tap the following line.
```sh
npm start
```
### Run tests 🧪
How should it be tested?
To run tests, run the following command:
- CSS linter errors run:
```sh
npx stylelint "**/*.{css,scss}" --fix
```
- JavaScript linter errors run:
```sh
npx eslint "**/*.{js,jsx}" --fix
```
**Nelly Telli**
- GitHub: [@lily4178993](https://github.com/lily4178993/)
- LinkedIn: [Nelly T.](https://www.linkedin.com/in/nelly-t-330414266/)
- **Add About and Contact Pages**
- **Add editing functionalities to Todos list items**
If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/lily4178993/react-todo-app/issues) on GitHub.
Remember, every contribution, no matter how big or small, makes a difference.
Thank you for taking the time to explore my GitHub project! Your support means a lot to me. If you find my project valuable and would like to contribute, here are a few ways you can support me:
- Star the project ⭐️
- Fork the project 🍴 🎣
- Share with others 🗺️
I would like to express my sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and my [partner](https://github.com/SanaTameem).
I would also like to thank Icons8 for all the images and icons I used in this project.
This project is [MIT](./LICENSE) licensed.