A Simple To Do List with Next.js
Tags: todo, nextjs
Published: 2023-11-10 08:59:17

---
title: A Simple To Do List with Next.js
published: true
date: 2023-11-08 00:58:00 UTC
tags: Todo,Nextjs
canonical_url: https://reactjsexample.com/a-simple-to-do-list-with-next-js/
---

 ![A Simple To Do List with Next.js](https://reactjsexample.com/content/images/2023/11/Code_2023-11_14-53-16.jpg)

![A Simple To Do List with Next.js](https://raw.githubusercontent.com/vitoorfraga/simple-to-do-list/main/public/dev-badge.png)

# Simple To Do List ✅

O Simple To Do List é uma aplicação simples e intuitiva para ajudá-lo a organizar suas tarefas diárias, aumentar sua produtividade e manter-se focado no que é realmente importante. Com uma interface amigável. A aplicação foi desenvolvida pensando em você, para simplificar a gestão de suas atividades diárias.

## Tecnologias 🚀

- React: Uma biblioteca JavaScript popular para construir interfaces de usuário interativas.

- Next.js 13: Um framework React que oferece renderização do lado do servidor (SSR), geração estática (SSG), entre muitos outros recursos.

- Next Auth: Biblioteca para autenticação de usuários com OAuth.

- Postgres: Um sistema de gerenciamento de banco de dados relacional.

- Prisma: Um ORM (Object-Relational Mapping) para Node.js e TypeScript.

- Tailwind CSS: Um framework CSS que oferece várias classes para utilização já pré-estilizadas.

## Funcionalidades 📦

- **Login com google:** Oferecemos aos nossos usuários a conveniência de acessar nossa plataforma com apenas um clique, utilizando suas contas do Google. Esse método de autenticação simplificado proporciona uma entrada fácil e segura ao mundo das tarefas organizadas.

- **Visualizar tarefas:** Com apenas alguns cliques, os usuários podem visualizar todas as suas tarefas de forma rápida e intuitiva. A interface proporciona uma experiência de navegação fluida, permitindo que você mantenha o controle total de suas atividades com facilidade.

- **Criação de tarefas (Em breve):** Em breve, o usuário poderá criar um número ilimitado de tarefas para transformar seu dia a dia em algo mais produtivo e organizado. Esta funcionalidade de criação de tarefas intuitiva e fácil de usar será sua aliada na gestão eficaz do seu tempo e na consecução de seus objetivos.

- **Finalizar tarefa (Em breve):** Em um futuro próximo, o usuário terá a capacidade de marcar suas tarefas como concluídas. Essa funcionalidade permite que você acompanhe seu progresso de maneira clara e visual, ajudando-o a manter o foco nas atividades mais importantes de sua lista.

- **Excluir tarefa (Em breve):** Estamos implementando a opção de exclusão de tarefas para fornecer total flexibilidade no gerenciamento de suas atividades. Se uma tarefa não for mais relevante ou necessária, você poderá removê-la com facilidade, mantendo sua lista de tarefas organizada e livre de distrações

## Variaveis de ambiente 🕵🏻‍♂️

Para executar este projeto, você precisará adicionar as seguintes variáveis de ambiente ao seu arquivo .env.

`DATABASE_URL`

`GOOGLE_CLIENT_SECRET`

## Support ❓

Para suporte, envie um email para [vitorfragaps@gmail.com](mailto:vitorfragaps@gmail.com) ou através do discord _vitoorfrag_.

## Contribuições e Colaborações 🤝

Este projeto está totalmente aberto a contribuições. Se você deseja colaborar, fique à vontade para criar pull requests, corrigir bugs, adicionar novos recursos ou aprimorar a documentação. Sua contribuição é valiosa e ajuda a melhorar ainda mais este projeto!

Como Contribuir Faça um fork deste repositório.

Crie uma branch para sua contribuição:

```
git checkout -b minha-contribuicao

```

Faça suas alterações e adicione commits descritivos (seguindo o Conventional Commits, preferencialmente).

Crie um pull request para a branch main deste repositório.

## GitHub

[View Github](https://github.com/vitoorfraga/simple-to-do-list?ref=reactjsexample.com)