Git Product home page Git Product logo

typescript-todoapp's Introduction

๐Ÿ“ TypeScript Todo App - Your Ultimate Task Manager!

Feel free to give it a start ๐ŸŒŸ line

Table of Contents

line

Tech Stack

Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

line

Features

  • Fully responsive
  • Dark-light mode
  • Stunning design
  • PWA ready
  • Delete task
  • Add the task
  • Edit the task
  • Mark the task as done
  • Mark the task as undone
  • Reset all the tasks
  • Reverse the order of the tasks

line

Demo

Take a look at the live project deployed on Netlify

Live Demo

Demo

line

Preview

DESKTOP --------------------------------------------------------------------------

Mobile --------------------------------------------------------------------------

line

About

Title: ๐Ÿ›๏ธ Introducing our TypeScript Todo App, where productivity meets innovation!

โœจ Features That Empower Your Day:

๐ŸŒ— Light & Dark Mode: Tailor your experience with ease. Switch between light and dark modes for a visually pleasing and comfortable working environment.

๐Ÿ”„ LocalStorage Superpowers: Your tasks are safe! We've harnessed the magic of localStorage to preserve your task list, even after reloading the app.

๐Ÿ“ Task Management Mastery: Take control with a range of powerful functionalities: Add, Edit, Delete, Undo Delete, Mark as Done, Unmark Done, Reverse Tasks, and Undone All Tasks.

๐ŸŒˆ Material Design Aesthetics: We've embraced the principles of Material Design, offering a sleek and stylish interface that's as functional as it is beautiful.

๐Ÿš€ Blazing Fast: Experience lightning-speed task management, ensuring you stay focused on what matters most.

๐Ÿ“ฆ PWA Ready: Elevate your experience with PWA capabilities. Install the app as a shortcut on your mobile or desktop for instant access.

๐ŸŽจ Box Icons & Stunning UI: We've adorned your task manager with elegant Box Icons, and our UI/UX design guarantees a delightful and intuitive experience.

Ready to reclaim your productivity? Dive into the world of organized tasks! Clone this repository, follow our setup instructions in the documentation, and start conquering your to-do list like a pro!

๐Ÿ“† Achieve more with our TypeScript Todo App. Your tasks, your way! ๐Ÿš€

line

Installation

Provided step-by-step instructions on how to install and run this project locally.

# Clone the repository
git clone https://github.com/Sky-De/TypeScript-ToDoApp

# Change directory
cd your-repo-name

# Install dependencies
npm install

# Run the project
npm run start

line

Contact

skyDe

LinkedIn

GitHub

Twitter

typescript-todoapp's People

Contributors

sky-de avatar

Watchers

 avatar

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.