Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

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])