Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ar3secchim/tasks-list-react

Um app que lista as tarefas a serem feitas no dia, podendo assim recarregar a página as tasks ainda vão está listada. Desenvolvido no Curso input da CodarMe - Bruno Bertolini.
https://github.com/ar3secchim/tasks-list-react

nodejs pinned prisma react styledcomponents

Last synced: about 2 months ago
JSON representation

Um app que lista as tarefas a serem feitas no dia, podendo assim recarregar a página as tasks ainda vão está listada. Desenvolvido no Curso input da CodarMe - Bruno Bertolini.

Awesome Lists containing this project

README

        

# Project Task List

Projeto desenvolvido no Curso da CodarMe do Bruno Bertolini com o objetivo de aplicar conhecimentos de React usando hooks e desenvolvimento do design com styled-components.

 
## Screenshot

[Screencast from 28-03-2023 09:40:55.webm](https://user-images.githubusercontent.com/82913620/228239209-74f776d5-b8d2-4ebc-9796-3894cb85088d.webm)

 
## Funcionalidades

- 🚀 O projeto é totalmente responsivo em todos os dispositivos.
- 📦 Prisma é usado como camada de abstração de dados e MySql para armazenamento.
- 🌈 Styled-Components é usado para estilizar o projeto.
- 📱 O projeto é implementado usando React, NodeJs com Express e Planet-scale como banco de dados,
- 🚀 O projeto é implantado no Vercel.
- 📱 Temas black

 
## Funcionalidades em produção

- 💻 Migração para NextJs para server-side rendering.
- 🔒 Login com Google (conexão de um usuário) e autenticação

 
## Stack utilizada

- **Front-end:** HTML, CSS, JavaScript

- **Back-end:** : nodeJs com Express

- **Libary:** React, styled-components, React-toastify, prisma

- **Data-Base**: Planet-scale

 
## Maiores desafios
- Conexão com um banco de dados
- Criação de routes com nodeJs
- Render de componetes com useStage

 
## Feedback
Este projeto faz parte do meu portfólio, ficarei feliz em receber feedback sobre o projeto, sobre os códigos, estrutura ou qualquer coisa que me ajude a evoluir para me tornar uma desenvolvedora melhor

Email: [email protected]

Conecte-se comigo [Linkedin](https://www.linkedin.com/in/renarasecchim/)