Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/cleilsonandrade/plann.er

plann.er é um aplicação para montar planos de viagem com amigos, registrar atividades e links úteis.
https://github.com/cleilsonandrade/plann.er

date-fns date-picker frontend planning react react-router-dom trip trip-planning typescript vite

Last synced: 6 days ago
JSON representation

plann.er é um aplicação para montar planos de viagem com amigos, registrar atividades e links úteis.

Awesome Lists containing this project

README

        


plann.er


plann.er é um aplicação para montar planos de viagem com amigos, registrar atividades e links úteis. Utilizando tecnologias como React, Vite e TypeScript, sendo um client web.


Logo

# 📒 Índice
* [Descrição](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Features](#features)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Ícones](#ícones)
* [Instalação](#instalação)
* [Licença](#licença)

# 📃 Descrição
Aplicação desenvolvida com fins de montar planos de viagem com amigos, registrar atividades e links úteis. Trabalhando com datas, conceitos de estado e imutabilidade, componentização e requisição a API externa.

# 📌 Requisitos Funcionais
- [x] Validação de local e data

- [x] Cadastro de convidados via e-mail

- [x] Cadastro do nome e-mail do organizador

- [x] Cadastro de atividades com horário e data dentro das datas definidas e exibição

- [x] Cadastro de links importantes e exibição

- [x] Exibição de convidados identificando os confirmados e nao confirmados

## Features
- [x] Requisição a API

- [x] Responsividade

# 💻 Tecnologias
- **HTML**
- **CSS**
- **JavaScript**
- **TypeScript**
- **Vite**
- **ReactJS**
- **React Router DOM**
- **React DayPicker**
- **tailwind**
- **tailwind-variants**
- **date-fns**

# 🎨 Design
- O modelo final para versão desktop e mobile está disponível na pasta `./design`

- Cores

* #09090B

* #A3E635

* #A1A1A6

* #FAFAFA

- Fontes

* Inter, sans-serif

- Ícones

* Lucide React

# 🚀 Instalação
```bash
# Clone este repositório:
$ git clone https://github.com/CleilsonAndrade/plann.er.git
$ cd ./plann.er

# Instalar as dependências:
$ yarn install

# Executar:
$ yarn dev
```

# 📝 Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---


Feito com 💜 by CleilsonAndrade