Skip to content

Projeto desenvolvido para vaga de Front end na empresa Escola Mais, onde foi preciso realizar requisição para uma api externa e manipular ela.

License

Notifications You must be signed in to change notification settings

EduardooPV/todolist-escolamais

Repository files navigation

Logo Escola Mais

Todo list

Indices


💻 Sobre o projeto

Como objetivo do projeto, era para utilizar uma api externa (JsonPlaceholder), e realizar uma requisição para puxar todos os usuários /users listando eles na primeira página. Depois disso cara usuário teria uma página individual (Utilizei páginas dinâmicas do Next.js) e listar todos os TODOs /todos filtrando por usuário /todos?userId=1. Na página de TODOs do usuário era preciso conter algumas funcionalidades como, marcar uma tarefa como concluida ou pendente, e adicionar novas tarefas.


🛠 Tecnologias


⚙️ Funcionalidades

Utilizando a API JsonPlaceholder para criar as funcionalidades;

  • Listar usuários na página inícial;
  • TODOs do usuário (página dinâmica);
  • Adicionar um novo item no TODO list de um usuário específico;
  • Marcar uma tarefa como concluída ou pendente;

📷 Preview

Página de inicio

Página de tarefas

Modal para criar nova tarefa


🚀 Como executar o projeto

# 1. Clone o repositório
$ git clone https://github.com/EduardooPV/todolist-escolamais.git

# 2. Acesse a pasta do projeto no seu terminal/cmd
$ cd todolist-escolamais

# 3. Instale as dependências
$ yarn install

# 4. Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Luiz Eduardo


About

Projeto desenvolvido para vaga de Front end na empresa Escola Mais, onde foi preciso realizar requisição para uma api externa e manipular ela.

Topics

Resources

License

Stars

Watchers

Forks