Skip to content

A todo-list implemented with npm, webpack and tailwindcss. Create your task projects, assign due dates and add notes.

Notifications You must be signed in to change notification settings

iaaron-xyz/todo-list

Repository files navigation

Description

This project is an implementation of a To-do list using npm, webpack and tailwindcss. With pure JavaScript and no frameworks. This webapp can be toggled between light and dark mode.

Light and Dark Mode

Light mode

Light mode

Dark mode

How to run the project

To run the project, you must have installed git and nodejs.

  1. Open the terminal.
  2. Clone the repository:
git clone https://github.com/iaaron-xyz/todo-list.git
  1. Enter to the folder project:
cd todo-list
  1. Next, install the necessary dependencies running the command:
npm install
  1. Once installed, run the next tailwind command to generate the style file: output.css:
npx tailwindcss -i ./src/style.css -o ./src/output.css
  1. Build the project:
npm run build
  1. Finally, to run the project you could open the html file ./dist/index.html or executing the next command:
npm start

About

A todo-list implemented with npm, webpack and tailwindcss. Create your task projects, assign due dates and add notes.

Resources

Stars

Watchers

Forks