Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

This is a simple and user-friendly to-do list application built with HTML, CSS, and JavaScript. It allows you to add tasks, mark them as completed, and delete them. Additionally, it features a dark mode theme toggle.

License

NotificationsYou must be signed in to change notification settings

Ravindya/To-do-list-app

Repository files navigation

This is a simple and user-friendly to-do list application built with HTML, CSS, and JavaScript. It allows you to add tasks, mark them as completed, and delete them. Additionally, it features a dark mode theme toggle.

Features:

  • Add new tasks
  • Mark tasks as completed (strikethrough and greyed out)
  • Delete tasks
  • Dark mode toggle

Technologies Used:

  • HTML: For the basic structure of the application.
  • CSS: For styling the application's appearance and user interface.
  • #"auto">

    How it Works:

  1. Enter your task description in the input field at the top.
  2. Click the "ADD TASK" button to add the task to the list.
  3. Click the checkbox next to a task to mark it as completed.
  4. Click the trash can icon next to a task to delete it.
  5. Use the toggle switch at the top to switch between light and dark mode themes.

Screenshots:

Screenshot of to-do-list-appScreenshot of to-do-list-appScreenshot of to-do-list-appScreenshot of to-do-list-app

Installation:

To run the game locally, follow these steps:

Clone the repository:

Navigate to the project directory:

Install the dependencies:

  • npm install

Run the development server:

  • npm run dev

Usage:

To use the app, open your browser and navigate to the Firebase-hosted URL or run it locally using the development server.

Customization:

  • You can customize the application's appearance by editing thestyle.css file.
  • You can add additional features to the application by editing themain.js file (JavaScript knowledge required).

Feel free to use and modify this application for your personal use!

Version:

1.0.0

License:

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact:

Ravindya Jayasooriya
ravindyadivanjani@gmail.com

About

This is a simple and user-friendly to-do list application built with HTML, CSS, and JavaScript. It allows you to add tasks, mark them as completed, and delete them. Additionally, it features a dark mode theme toggle.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
[8]ページ先頭
©2009-2025 Movatter.jp