https://github.com/gozmansunday/todo-list-top

A To Do List app. To be made in completion of The Odin Project.
https://github.com/gozmansunday/todo-list-top

css html javascript tailwindcss theodinproject todo webpack

Last synced: 3 months ago
JSON representation

A To Do List app. To be made in completion of The Odin Project.

• Host: GitHub
• URL: https://github.com/gozmansunday/todo-list-top
• Owner: GozmanSunday
• Created: 2022-10-22T19:01:54.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-01T23:28:54.000Z (about 2 years ago)
• Last Synced: 2023-07-22T03:11:13.625Z (over 1 year ago)
• Topics: css, html, javascript, tailwindcss, theodinproject, todo, webpack
• Language: JavaScript
• Homepage: https://todoit-gzmn.netlify.app
• Size: 846 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ToDoit

![ToDoit Inbox](src/img/todo-inbox.jpeg)  

Preview the app - [ToDoit](https://todoit-gzmn.netlify.app).  

ToDoit is a to-do list app built with Tailwind CSS, Webpack and JavaScript.

- Create, view, edit and delete to-do items.

- Create projects to add a group of to-do items.  

  ![ToDoit Projects](src/img/todo-project.jpeg)

- Create, view, edit and delete notes.  

  ![ToDoit Notes](src/img/todo-notes.jpeg)

## Technologies used

- JavaScript

- Tailwind CSS

- Webpack

## Installation

To install ToDoit locally, follow the steps below:

- Clone repo to your machine

- Open the root of the project and install all dependencies with the following command:

```bash

npm install

```

- Run the following script to run the local version of the project:

```bash

npm run dev

```

## What I learned

- How to use JavaScript Modules

- How to install, configure and setup Webpack with Tailwind CSS

- How to use local storage

- How to install and use an external JS library (date-fns)

- How to install and setup a linter (ESLint)

- How to install and setup a code style guide (Prettier)

## Source

This project is done as part of [The Odin Project](https://www.theodinproject.com) curriculum.