https://github.com/abdelaziz-mahdi/react-todo-app

https://github.com/abdelaziz-mahdi/react-todo-app

Last synced: 28 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/abdelaziz-mahdi/react-todo-app
• Owner: Abdelaziz-Mahdi
• License: mit
• Created: 2023-05-09T00:39:43.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2023-07-12T02:49:14.000Z (over 1 year ago)
• Last Synced: 2024-05-17T15:35:56.767Z (6 months ago)
• Language: JavaScript
• Size: 152 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




React To-Do App



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

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 React To-Do App

**react-todo-app** 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. That project is a simple website that allows for doing that, Built using CRA!.

## 🛠 Built With 

### Tech Stack 

  Languages &  bundlers

  


    
JS

    
React

    
Vite

    
Jest

  


Database

  


    
Local Storage

  


### Key Features 

- **Use GitFlow.**

- **Single page React app.**

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- Install Node.js.

- Visual Studio Code or equivalent. 

- Internet Browser

### Setup

Clone this repository to your desired folder:

- cd my-folder

- git clone [https://github.com/Abdelaziz-Ali/Math-Magicians.git](https://github.com/Abdelaziz-Ali/Math-Magicians.git)

### Install

Install this project with:

- cd my-project

- git config --global --add safe.directory my-directory/my-folder/my-project

 

### Usage

To run the project, execute the following command:

- code .

- npm install

- npm run dev

### Run tests

To run tests, run the following command:

npm test

### Deployment

You can deploy this project using:

- Render.com

(back to top)


## 👥 Authors 

👤 Abdelaziz Ali

- GitHub: [@Abdelaziz-Ali](https://github.com/Abdelaziz-Ali)

- Twitter: [@AbdelazizDV](https://twitter.com/AbdelazizDV)

- LinkedIn: [in/abdelaziz-mahdi](https://www.linkedin.com/in/abdelaziz-mahdi)

(back to top)


## 🔭 Future Features 

- [ ] 

Part 6

–

React Developer Tools: Debug and optimize React apps

- [ ] 

Part 7

–

CSS in React: Styling React Components

- [ ] 

Part 8

–

React Todos App: Add Editing functionality

- [ ] 

Part 9

–

Profiling: Optimizing Performance in React

- [ ] 

Part 10

–

Using LocalStorage with React

- [ ] 

Part 11

–

How to Use React Icons

- [ ] 

Part 12

–

React Context API: Managing Application State

- [ ] 

Part 13

–

Zustand Tutorial: Managing React State

- [ ] 

Part 14

–

React Router: The Beginners Guide

- [ ] 

Part 15

–

React children props: What Is It?

- [ ] 

Part 16

–

React Toggle Button: Let’s Switch Navigation Widget

- [ ] 

Part 17

–

Deploy React App With Vercel

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

Templete used in project provided by (Microverse)!

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)