https://github.com/raphaeleliass/todo-app

Aplicativo web desenvolvido para gerenciamento de tarefas
https://github.com/raphaeleliass/todo-app

context-api form next nextjs react react-hook-form tailwindcss typescript vercel zod

Last synced: 14 days ago
JSON representation

Aplicativo web desenvolvido para gerenciamento de tarefas

• Host: GitHub
• URL: https://github.com/raphaeleliass/todo-app
• Owner: raphaeleliass
• Created: 2024-12-04T21:02:27.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2024-12-14T23:02:19.000Z (about 2 months ago)
• Last Synced: 2025-01-03T16:38:47.186Z (about 1 month ago)
• Topics: context-api, form, next, nextjs, react, react-hook-form, tailwindcss, typescript, vercel, zod
• Language: TypeScript
• Homepage: https://raphaelelias-todo-app.vercel.app
• Size: 606 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) ![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Firebase](https://img.shields.io/badge/firebase-a08021?style=for-the-badge&logo=firebase&logoColor=ffcd34)



# Todo App

  


  Explore the screenshots »

  


  


  Report a Bug

  .

  Ask a Question








[![Project license](https://img.shields.io/github/license/raphaeleliass/todo-app.svg?style=flat-square)](LICENSE)

[![Pull Requests welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg?style=flat-square)](https://github.com/raphaeleliass/todo-app/issues)

[![code with love by raphaeleliass](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-raphaeleliass-ff1414.svg?style=flat-square)](https://github.com/raphaeleliass)



Table of Contents

- [About](#about)

  - [Built With](#built-with)

- [Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

- [Authors & contributors](#authors--contributors)

- [License](#license)

---

## Descrição

O projeto Todo App é uma aplicação simples e intuitiva que permite aos usuários gerenciar suas tarefas diárias de forma eficiente. Com uma interface amigável, os usuários podem adicionar, editar e remover tarefas, além de marcar aquelas que já foram concluídas. Este aplicativo utiliza o NextJS para uma experiência de usuário dinâmica e responsiva, proporcionando uma maneira prática de organizar suas atividades e aumentar a produtividade.

> Você pode acessar o site clicando [aqui](https://raphaelelias-todo-app.vercel.app)

## Capturas de Tela

Veja as capturas de tela do projeto






### Desktop

  

### Mobile

  



### Construído Com

> - NextJS

> - Context Api

> - Firebase

> - TypeScript

> - Tailwindcss

## Começando

### Pré-requisitos

> - NodeJS

### Instalação

> Crie um arquivo .env na raiz do projeto com a seguinte estrutura:

```bash

NEXT_PUBLIC_FIREBASE_API_KEY="sua-api-key"

NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="seu-auth-domain"

NEXT_PUBLIC_FIREBASE_PROJECT_ID="seu-project-id"

NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="seu-storage-bucket"

NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="seu-messaging-sender-id"

NEXT_PUBLIC_FIREBASE_APP_ID="seu-app-id"

```

> Em seguida, execute o seguinte comando no terminal do projeto para instalar as dependências:

```bash

npm install 

```

> Por fim, é só executar o seguinte comando e pronto!

```bash

npm run dev

```

## License

This project is licensed under the **MIT license**.

See [LICENSE](LICENSE) for more information.