https://github.com/phammings/todo-list

Todo List web application
https://github.com/phammings/todo-list

firebase html tailwindcss typescript

Last synced: 3 months ago
JSON representation

Todo List web application

• Host: GitHub
• URL: https://github.com/phammings/todo-list
• Owner: phammings
• Created: 2023-08-31T23:19:09.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-26T01:12:50.000Z (over 2 years ago)
• Last Synced: 2025-03-21T23:11:40.664Z (over 1 year ago)
• Topics: firebase, html, tailwindcss, typescript
• Language: JavaScript
• Homepage: https://phammings.github.io/todo-list/
• Size: 2.18 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Todo List








Todo List


  


Task Management website implemented for The Odin Project.

    


    View Demo

    


  



  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    
Roadmap

    
Screenshots

  


## About The Project

The project involves creating a todo list application with dynamic todo items, projects, and features such as due dates, priorities, and project management. The application employs TypeScript for strong typing and enhanced code organization, and Tailwind CSS for styling, ensuring a responsive and visually appealing user interface. Additionally, the project incorporates the Web Storage API, specifically localStorage, for data persistence, allowing users to save and retrieve their todo lists even after refreshing the page through JSON. This project is based on modules and use of imports and exports to build the task management website.

(back to top)


### Built With

* [![Typescript][Typescript.ts]][Typescript-url]

* [![HTML][HTML.html]][HTML-url]

* [![TailwindCSS][CSS.css]][CSS-url]

* [![FireBase][Firebase]][Firebase-url]

(back to top)


## Roadmap

- ✔️ Using npm to install webpack and create package.json to start project making src and dist directories

- ✔️ Using imports and named exports to control todo list website

- ✔️ Dynamically creating and appending DOM HTML elements on each tab of the resaurant page as modules

- ✔️ Utilizing TypeScript for strong typing and enhanced code organization

- ✔️ Utilizing the TailwindCSS framework to design a responsive website for mobile and larger screens

- ✔️ Utilizing the Web Storage API, specifically localStorage, for data persistence with JSON

- ✔️ Developed secure email authentication login system using Firebase for a simple backend integration

(back to top)


## Screenshots









(back to top)


[Typescript.ts]: https://shields.io/badge/TypeScript-3178C6?logo=TypeScript&logoColor=FFF&style=flat-square

[Typescript-url]: https://www.typescriptlang.org/

[CSS.CSS]: https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white

[CSS-url]: https://tailwindcss.com/ 

[HTML.HTML]: https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white

[HTML-url]: https://developer.mozilla.org/en-US/docs/Web/HTML

[Firebase]: https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white

[Firebase-url]: https://firebase.google.com/