Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mullerino/todo-list
https://github.com/mullerino/todo-list
cssmodules fastify prisma reactjs
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/mullerino/todo-list
- Owner: mullerino
- Created: 2023-03-19T19:24:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-22T13:43:45.000Z (almost 2 years ago)
- Last Synced: 2024-12-19T20:10:17.220Z (5 days ago)
- Topics: cssmodules, fastify, prisma, reactjs
- Language: TypeScript
- Homepage:
- Size: 159 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To-do list
O projeto tem como objetivo desenvolver uma aplicação Full stack, onde as tarefas são armazenadas em um banco de dados, visando o estudo da integração entre o front e o back.
## 🚀 Começando
Essas instruções permitirão que você obtenha uma cópia do projeto em operação na sua máquina local para fins de desenvolvimento e teste.
### 📋 Pré-requisitos
Para a aplicação funcionar, é necessário que você tenha todos esses itens em sua máquina
```
Node.js
NPM
Visual studio code
Docker
```### 🔧 Instalação
Uma série de exemplos passo-a-passo que informam o que você deve executar para ter um ambiente de desenvolvimento em execução.
Após clonar o projeto, acesse a pasta 'web' e execute o seguinte comando
```
npm install yarn
```Em seguida, acesse a pasta server e execute o seguinte comando
```
npm install yarn
```Para o back end será necessário criar um container com docker, realize a instalação do docker e execute o seguinte comando dentro de server
```
docker run --name some-postgres -e POSTGRES_PASSWORD=senha -p 5432:5432 -d postgres
```Depois do container criado, deve-se rodar o seguinte comando para integrar com prisma
```
npx prisma generate
```Em seguida, verifique se o arquivo .env possui a seguinte estrutura
```
DATABASE_URL="postgresql://postgres:senha@localhost:5432/todolist?schema=public"
```Por fim, para rodar o front e o back, execute o seguinte comando dentro de cada pasta
```
yarn dev
```Com isso, a aplicação estará funcionando localmente e pronta para ser utilizada.
## 🛠️ Construído com
Mencione as ferramentas que você usou para criar seu projeto
- [ReactJs](https://react.dev) - Uma das bibliotecas de JS mais utilizada na atualidade
- [Css Modules](https://github.com/css-modules/css-modules) - Uma eficiênte de usar Css
- [Fastify](https://www.fastify.io) - Framework do Node.js
- [Prisma](https://www.prisma.io) - Poderoso ORM da atualidade## ✒️ Autores
Mencione todos aqueles que ajudaram a levantar o projeto desde o seu início
- **Eduardo Ramone** - _Desenvolveu o back end_ - [Github](https://github.com/DuduRamone)/[Linkedln](https://www.linkedin.com/in/eduardo-ramone-90801b1b6/)
- **Leandro Müller** - _Desenvolveu o back end e a documentação_ - [Github](https://github.com/mullerino)/[Linkdeln](https://www.linkedin.com/in/leandromuller7/)
- **Thullyo Damasceno** - _Desenvolveu o front end_ - [Github](https://github.com/thullyoufrn)/[Linkdeln](https://www.linkedin.com/in/thullyo-damasceno-375083231/)## 🎁 Expressões de gratidão
- Conte a outras pessoas sobre este projeto 📢;
- Convide alguém da equipe para uma cerveja 🍺;
- Um agradecimento publicamente 🫂;