Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lucaspanizio/nlw-unite-pass.in-react

Aplicação web de gerenciamento de eventos e participantes desenvolvida em React, Typescript e Tailwind CSS.
https://github.com/lucaspanizio/nlw-unite-pass.in-react

axios lucide-icons react-query react-router reactjs tailwindcss typescript

Last synced: about 2 months ago
JSON representation

Aplicação web de gerenciamento de eventos e participantes desenvolvida em React, Typescript e Tailwind CSS.

Awesome Lists containing this project

README

        


Logo NLW Unite
Logo NLW Unite

Pass.in




Aplicação Web desenvolvida na trilha React do evento NLW Unite da RocketSeat, com o objetivo de aprimorar meus conhecimentos, principalmente em React, Typescript e Tailwind CSS. No entanto, não me limitei ao conteúdo do curso e adicionei as seguintes melhorias: composition pattern, alias path, React Router com hooks, React Query, Axios com interceptor e custom hook useDebounce na atribuição do param query.


🚀 Tecnologias   |   
🎨 Layout   |   
☝ Pré-Requisitos   |   
⚡ Como Executar   |   
📜 Licença


![GIF de apresentação da aplicação](https://github.com/lucaspanizio/nlw-unite-pass.in-react/assets/32407181/31eebc8c-ab5f-47cd-ba45-43dac79c3123)



## 🚀 Tecnologias


Typescript
React
Vite
TailWind CSS
Lucide Icons
Axios
React Query
React Router


## 🎨 Layout

Banner Projeto NLW Unite Pass.in

Veja detalhes do design do projeto no Figma



## ☝ Pré-Requisitos

É necessário instalar o Node.js previamente.


## ⚡ Como executar

Primeiramente siga os passos descritos na sessão "Como executar" do repositório abaixo:
Repositório Back-End da aplicação

Em seguida, clone este repositório

```bash
git clone https://github.com/lucaspanizio/nlw-unite-pass.in-react.git
```

Acesse o diretório da aplicação

```bash
cd nlw-unite-pass.in-react
```

Faça a instalação das dependências

```bash
npm install
```

Execute a aplicação

```bash
npm run dev
```

Acesse http://localhost:5173 para visualizar a aplicação.


## 📜 Licença

Esse projeto está sob a licença MIT.

License

#### Desenvolvido por José Lucas Panizio 🖖

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/lucaspanizio/)](https://www.linkedin.com/in/lucaspanizio/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-ff0000?style=flat-square&labelColor=ff0000&logo=gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])