Giter VIP home page Giter VIP logo

najibullahjafari / to-do-list Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 0.0 864 KB

A simple and intuitive web-based to-do list application. Developed with HTML, CSS, JavaScript, and Bootstrap. Features include adding, editing, and deleting tasks, task prioritization, and a responsive design for various devices.

License: MIT License

HTML 28.42% JavaScript 42.43% CSS 15.70% TypeScript 13.46%
local-storage todo-app web-development task-manager-javascript task-manager-web

to-do-list's Introduction


To do list

๐Ÿ“— Table of Contents

๐Ÿ“– About the project

To-do list is a simple and effective tool used to organize tasks and manage time efficiently. It serves as a personal task manager, helping users keep track of their daily, weekly, or long-term tasks and goals. With a to-do list, users can prioritize tasks, set deadlines, and mark completed items, enabling them to stay focused, productive, and organized in both personal and professional aspects of life. image

๐Ÿ›  Built With

  • HTML,
  • CSS,
  • Java Script
  • GIT,
  • GITHUB
  • LINTERS
  • Bootstrap
  • Webpack
  • ES6

Tech Stack

Client
Server

Key Features

  • Linters for code quality
  • DOM manipulation for dynamic content
  • Responsive design for different screen sizes

In this project best coding practices is used.

๐Ÿš€ Live Demo

Check out the live demo of this project here.

๐Ÿ’ป Getting Started

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

  1. Go to this URL link: https://github.com/najibullahjafari/To-do-list
  2. clone the repo and start working on it.

Prerequisites

In order to run this project you need:

Google Chrome or other browser

  https://www.google.com/chrome/?brand=JJTC&gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE&gclsrc=aw.ds

Github Account:

  https://github.com/

Npm installed:

  https://nodejs.org/en/download

Git installed:

  https://git-scm.com/downloads/

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/najibullahjafari/To-do-list

Install

Install this project with:

Linters:

Lighthouse run:

  npm install -g @lhci/[email protected]

Webhint run

 npm install --save-dev [email protected]

StyleLint run:

Usage

To run the project, execute the following command:

Open the index.html in your browser

Run tests

To run tests, run the following command:

to check for styling errors:

  npx stylelint "**/*.{css,scss}"

Deployment

You can deploy this project using:

Your working browser.

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Najibullah Jafari

(back to top)

๐Ÿ”ญ Future Features

  • [Responsive Version]

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

Do you like this project? So don't wait to give one star!

(back to top)

๐Ÿ™ Acknowledgments

I would like to express my deepest gratitude to Microverse for this project. The invaluable learning experience and support provided have been instrumental in my growth as a developer. My mentors and instructors deserve special thanks for their guidance and patience. The collaborative spirit of my fellow students has been a constant source of inspiration. I also extend my appreciation to the open-source community for their contributions. Lastly, my family and friends' unwavering support has been a driving force throughout this journey. Thank you, Microverse, for this incredible opportunity!

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.