🔗 Site: https://todolist-rick.vercel.app

ENGLISH VERSION

You knew that chronicle procrastination affects about 20% of population? Because of that, I developed a To-do List website! ☑

The objective, in addition to practice my skills with HTML, Tailwind CSS and Vanilla JavaScript, was to help people that have difficulties in regulating their lifes, and do what needs to be done.

🚀 Funtionalities: • Add and remove tasks • Clear all tasks button • Pomodoro timer included, with notifications when it stops • Light and Dark mode • Toggle language: Brazilian Portuguese and English • Tasks limit, avoiding production ilusion and Overplanning • Support all screen sizes

DOCUMENTATION FOR LOCAL INSTALLATION USING VISUAL STUDIO CODE

I recommend you to install the Live Server extension or similar in your Visual Studio Code to open the archive.

1. First, do a git clone of this project:

git clone https://github.com/queirozz8/To-do-List-App.git

2. Go to the directory of the project:

cd to-do-list-app/

3. Run this command to install all the dependencies (Tailwind CSS):

npm install

4. Run the build script to create output.css, minify it and run the software:

npm run build

5. Execute the HTML archive, or open the archive with Live Server in your Visual Studio Code.

That's it! This project was made by Rick with ☕ and 💻.

VERSÃO PT-BR

Sabia que a procrastinação crônica afeta cerca de 20% da população? Pensando nisso, eu desenvolvi um website de To-do List! ☑

O objetivo, além de praticar minhas habilidades com HTML, Tailwind CSS e JavaScript Vanilla, era ajudar pessoas que possuem dificuldades em regular suas vidas, e fazer as coisas que precisam ser feitas.

🚀 Funcionalidades: • Adicionar e remover tarefas • Botão de remover todas as tarefas de uma vez • Data de hoje, que se atualiza todos os dias • Timer de Pomodoro embutido, com notificações quando ele acaba • Modo claro e escuro • Troca de idioma: Português do Brasil e Inglês • Limite de tarefas, evitando a Ilusão de Produtividade e no Overplanning • Suporte à todos os tamanhos de tela

DOCUMENTAÇÃO PARA INSTALAÇÃO LOCAL USANDO O VISUAL STUDIO CODE

Eu recomendo você instalar a extensão Live Server ou uma similar no seu Visual Studio Code para abrir o arquivo.

1. Primeiro, faça um git clone desse projeto:

git clone https://github.com/queirozz8/to-do-list-app.git

2. Vá para o diretório do projeto:

cd to-do-list-app/

3. Rode esse comando para instalar todas as dependências (Tailwind CSS):

npm install

4. Rode o script build para criar output.css, reduzir o tamanho dele e rodar o software:

npm run build

5. Execute o arquivo HTML, ou abra o arquivo com o Live Server no seu Visual Studio Code.

É isso! Este projeto foi criado por Rick com ☕ e 💻.