Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luiizsilverio/nlw-pocket
Aplicação backend + frontend desenvolvida durante o NLW Pocket
https://github.com/luiizsilverio/nlw-pocket
docker drizzle-orm fastify nlw nlw-pocket nodejs postgresql radix-ui reactjs rocketseat rocketseat-nlw tailwindcss tanstack-query typescript zod
Last synced: 4 days ago
JSON representation
Aplicação backend + frontend desenvolvida durante o NLW Pocket
- Host: GitHub
- URL: https://github.com/luiizsilverio/nlw-pocket
- Owner: luiizsilverio
- Created: 2024-09-13T14:16:00.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T13:10:03.000Z (3 months ago)
- Last Synced: 2024-11-05T14:56:11.419Z (about 2 months ago)
- Topics: docker, drizzle-orm, fastify, nlw, nlw-pocket, nodejs, postgresql, radix-ui, reactjs, rocketseat, rocketseat-nlw, tailwindcss, tanstack-query, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 314 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NLW-POCKET 🚀
## Conteúdo
* [Sobre a aplicação](#sobre-a-aplicação)
* [Tecnologias](#hammer_and_wrench-tecnologias)
* [Iniciando a Aplicação](#car-Iniciando-a-aplicação)
* [Screenshots](#camera_flash-screenshots)
* [Contato](#email-contato)## Sobre a aplicação
Aplicação desenvolvida durante o _NLW Pocket_, evento de programação da _Rocketseat_.
Foram 3 dias de evento, totalizando quase 5 horas de aula.
Foram desenvolvidas 2 aplicações, uma API em Node e uma aplicação React.
A aplicação web permite cadastrar tarefas recorrentes da semana.
## :hammer_and_wrench: Tecnologias
* Back-end
* __Node__ + __Fastify__
* __Drizzle ORM__ + __Docker__ + __PostgreSQL__
* Validação dos dados com __Zod__
* Front-end
* __React__ + __Vite__ + __Typescript__
* __TailwindCSS__ para estilização
* __Radix-UI__ para componentes de front-end
* __TanStack Query__ para requisições e gerenciamento de estados## :car: Iniciando a aplicação
Baixe o repositório com git clone e entre na pasta do projeto.
```bash
$ git clone https://github.com/luiizsilverio/nlw-pocket
```
* Back-end
* Renomeie o arquivo __.env.example__ para __.env__.
* Informe a string de conexão do banco de dados.
```bash
$ cd server
$ npm install
$ npm run dev
```
* Front-end
```bash
$ cd ..
$ cd web
$ npm install
$ npm run dev
```## :camera_flash: Screenshots
![](https://github.com/luiizsilverio/nlw-pocket/blob/main/web/src/assets/in-orbit.gif)## :email: Contato
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/luiz-s-de-oliveira-6b6067210)
[![E-mail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])