https://github.com/187jjay187/react-to-do-list

In this project I created a To-Do List Application with JavaScript, Reacts, and Redux, this application allows you to add, edit, mark complete and delete completed tasks, future features to be implemented would be a color theme picker, a timed task with a start alarm and a timer.
https://github.com/187jjay187/react-to-do-list

Last synced: 15 days ago
JSON representation

In this project I created a To-Do List Application with JavaScript, Reacts, and Redux, this application allows you to add, edit, mark complete and delete completed tasks, future features to be implemented would be a color theme picker, a timed task with a start alarm and a timer.

• Host: GitHub
• URL: https://github.com/187jjay187/react-to-do-list
• Owner: 187jjay187
• Created: 2022-12-15T11:03:37.000Z (about 2 years ago)
• Default Branch: dev
• Last Pushed: 2022-12-16T10:55:12.000Z (about 2 years ago)
• Last Synced: 2024-10-20T12:59:56.643Z (2 months ago)
• Language: JavaScript
• Homepage: https://to-do-list-08il.onrender.com/
• Size: 1.31 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  

  


  
Microverse README Template




# 📗 Table of Contents

- 📖 About the Project(#about-project)

  - 🛠 Built With(#built-with)

    - Tech Stack(#tech-stack)

    - Key Features(#key-features)

  - 🚀 Live Demo(https://)

- 💻 Getting Started(#getting-started)

  - Setup(#setup)

  - Prerequisites(#prerequisites)

  - Install(#install)

  - Usage(#usage)

  - Run tests(#run-tests)

  - Deployment(#triangular_flag_on_post-deployment)

- 👥 Authors(#authors)

- 🔭 Future Features(#future-features)

- 🤝 Contributing(#contributing)

- ⭐️ Show your support(#support)

- 🙏 Acknowledgements(#acknowledgements)

- ❓ FAQ(#faq)

- 📝 License(#license)

# 📖 Reacts To Do List 

**Reacts To Do List** create a single page To-Do-List application using Reacts to render a basic UI design/wireframes 

## 🛠 Built With 

- HTML

- CSS

- Javascript (ES6)

- Reacts

### Tech Stack 

- HTML

- CSS

- JavaScript

- Reacts

- API's

- Webpack

### Key Features 

- **Add tasks to the to-do-list**

- **Delete tasks to the to-do-list**

- **Edit tasks to the to-do-list**

- **Mark tasks in the to-do-list as completed**

- **Index tasks in the to-do-list local storage**

- **Display a slide in navbar menu with links to homepage and about page**

(back to top)


## 🚀 Live Demo 

- Live Demo Link([http://localhost:8080/](https://187jjay187.github.io))

## 🚀 Project Update Details

- in this update i've added onClick events to the calculator buttons and given them logic as mentioned in this third/3rd project milestone

(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:

- Have a local version control like Git. Which is a open source distributed version control system designed for source code management

- A text editor (e.g Visual Studio Code, Vim, Atom & Sublime.)

- A web browser (e.g Chrome, Safari, Mozilla Firefox.)

- Live Server which is a web extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET)

- Download waves to check project accessibilty

### Setup

Clone this repository to your desired folder:

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

- npm

  ```sh

  npm install npm@latest -g

  ```

### Install

Install this project with:

1. Clone the repo by running the command

   ```sh

    git clone https://github.com/187jjay187/react-to-do-list.git

   ```

2. Open the directory of the project

   ```sh

   cd leaderboardsetup

   ```

3. Open the directory of the src

   ```sh

   cd src

   ```

4. Open the html file

   ```sh

   Click and open the html file

   ```

5. Please install the node module by running this command on the terminal

   ```sh

   npm install

   ```

6. Please run the following to render on the browser

   ```sh

   npm start

   ```

### Usage

To run the project, execute the following command:

1. Please run the following to render on the browser

   ```sh

   npm start

   ```

(back to top)


👤 **Jerome Jay**

- GitHub: @githubhandle(https://github.com/187jjay187)

- Twitter: @twitterhandle(https://twitter.com/187jjay187)

- LinkedIn: LinkedIn(https://linkedin.com/in/jerome-osman-137605a4)

(back to top)


## 🔭 Future Features 

-   **css to complete styling**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page(https://github.com/187jjay187/react-to-do-list/issues).

(back to top)


## ⭐️ Show your support 

If you like this project...

(back to top)


## 🙏 Acknowledgments 

I would like to thank...

(back to top)


## ❓ FAQ 

- **Question_1**

  - what are the prerequisites

- **Question_2**

  - how do i go about installing it

(back to top)


## 📝 License 

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

(back to top)