To Do List Web App

Description

The To-Do List app helps users manage and organize tasks by allowing them to add, mark as completed, and remove tasks. This app provides a simple and user-friendly interface to track daily activities, ensuring productivity and task management.

Features

Add tasks: Quickly add new tasks to your to-do list.

Mark tasks as completed: Keep track of completed tasks.

Delete tasks: Remove tasks once they are no longer needed.

Persistent data: Tasks are stored and persist even after refreshing or closing the application.

Technologies Used

• Node.js
• Chrome Browser
• HTML
• CSS
• Git
• JavaScript
• Visual Studio Code

Installation

Prerequisites Tools

• Download and Install any browser that supports HTML 5: Chrome, Edge, etc
• Download and Instal Node.js (if running a backend)
• Download and Install any code editor: Visual Studio Code, Notepad++, etc
• Download and Install Git Bash

Steps to Install Project and Run Locally

Step 1: Open Git bash
Step 2: Clone the repository using the following command: 
            git clone https://github.com/Mpho-CapaCiTi/Mpho-CapaCiTi.github.io.git
Step 3: Navigate to the project directory using the following command: 
            cd To-Do-List
Step 4: Install dependencies using the following command: 
            npm install
Step 5: Run the app locally using the following command: 
            npm start
Step 6: Open your browser and navigate to
            http://localhost:5000

Usage

1. Open your browser and enter or click this url { https://mphos-webapp-todolist.onrender.com }.
2. Use the input field to type in a new task and click Add to add it to your list.
3. To mark a task as completed, click the green circle next to the task.
4. To delete a task, click the trash icon next to the task.

Credits/References

• Deployment Platform: Render
• Deployed by: Mpho Masibigiri
• Background Image provided by: https://stablediffusionweb.com/

Contact Me

• Email: mpho-masibigiri@capaciti.org.za
• Linkedin: https://www.linkedin.com/in/mpho-lin-masibigiri
• Github: https://www.github.com/Mpho-CapaCiTi

Deployment Link:

https://pro2dolist.onrender.com/