A simple Todo webpage that allows users to add, remove, and manage tasks. This project is built using JavaScript, HTML, and CSS.
- Add tasks
- Remove tasks
- Mark tasks as complete or incomplete
- Responsive design for mobile devices
To run the Todo webpage project on your local machine, follow these detailed steps:
- Web Browser: Ensure you have a modern web browser installed (like Google Chrome, Firefox, or Edge).
- Code Editor (Optional): If you want to view or modify the code, consider using a code editor like Visual Studio Code or Sublime Text.
-
Clone the Repository:
- Open your terminal (Command Prompt, PowerShell, or any terminal you prefer).
- Navigate to the directory where you want to clone the project.
- Run the following command to clone the repository:
git clone https://github.com/your-username/todo-webpage.git
- Replace
your-username
with your actual GitHub username.
-
Navigate to the Project Directory:
- After cloning, navigate into the project directory by running:
cd todo-webpage
- After cloning, navigate into the project directory by running:
-
Open the Project in Your Browser:
- Locate the
index.html
file in the project folder. You can do this using your file explorer. - Double-click on
index.html
. This will open the file in your default web browser. - Alternatively, you can right-click the
index.html
file and select "Open with" to choose a specific browser.
- Locate the
-
Using the Application:
- Once the webpage is open, you will see the Todo list interface.
- Add a Task:
- In the text input field, type the task you want to add.
- Click the "Add" button to add the task to your list.
- Mark a Task as Complete:
- Click on the checkbox next to the task to mark it as complete.
- Remove a Task:
- Click the "Remove" button next to the task to delete it from your list.
If you want to see a live example, here’s how it would look in the terminal:
# Clone the repository
git clone https://github.com/your-username/todo-webpage.git
# Navigate to the project directory
cd todo-webpage
### Adjustments
Feel free to modify any part of these steps to better suit your project's specifics or any additional requirements you might have!