https://github.com/myllenabitar/projeto-api-spacex
Este projeto utiliza a API pública da SpaceX para exibir informações atualizadas sobre os lançamentos espaciais da empresa. A aplicação permite visualizar dados detalhados dos lançamentos, como nome da missão, data, foguete utilizado.
https://github.com/myllenabitar/projeto-api-spacex
css-animations css-flexbox css-grid css3 html5 react-components react-hooks react-router react-router-dom reactjs tailwind-css typescript
Last synced: 3 months ago
JSON representation
Este projeto utiliza a API pública da SpaceX para exibir informações atualizadas sobre os lançamentos espaciais da empresa. A aplicação permite visualizar dados detalhados dos lançamentos, como nome da missão, data, foguete utilizado.
- Host: GitHub
- URL: https://github.com/myllenabitar/projeto-api-spacex
- Owner: myllenabitar
- Created: 2025-03-11T22:45:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-20T01:26:11.000Z (over 1 year ago)
- Last Synced: 2025-03-20T02:31:05.694Z (over 1 year ago)
- Topics: css-animations, css-flexbox, css-grid, css3, html5, react-components, react-hooks, react-router, react-router-dom, reactjs, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://projeto-api-spacex.vercel.app
- Size: 12.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto API SpaceX 🚀
## Sobre o Projeto
Este projeto utiliza a API pública da SpaceX para exibir informações atualizadas sobre os lançamentos espaciais da empresa. A aplicação permite visualizar dados detalhados dos lançamentos, como nome da missão, data, foguete utilizado e muito mais, proporcionando uma experiência interativa e informativa para os usuários.
Este projeto foi desenvolvido em **3 dias** com foco em performance e usabilidade, utilizando tecnologias modernas e boas práticas de desenvolvimento front-end. O projeto também já está responsivo para interfaces menores como mobile.
---
## Tecnologias Utilizadas 🛠️
- **React.js:** Biblioteca JavaScript para construção de interfaces e React Routes
- **TypeScript:** Tipagem estática e tipada para maior segurança e escalabilidade.
- **Tailwind:** Para estilização.
- **CSS:** Para estilização global e de componentes, keyframes e animações.
- **Vercel:** Hospedagem da aplicação com integração contínua.
---
## Funcionalidades ✨
- Listagem de lançamentos espaciais da SpaceX com dados atualizados.
- Visualização detalhada de cada lançamento, incluindo informações como:
- Nome da missão
- Data e horário
- Foguete utilizado
- Status da missão (sucesso/fracasso)
- Interface intuitiva e responsiva para melhor experiência do usuário.
- Formulário para preenchimento de reserva do ticket de lançamento.
---
## Como Executar o Projeto 🚀
1. Clone o repositório:
```bash
git clone https://github.com/myllenabitar/projeto-api-spacex.git
```
2. Acesse o diretório do projeto:
```bash
cd projeto-api-spacex
```
3. Instale as dependências:
```bash
npm install
```
4. Inicie a aplicação:
```bash
npm run dev
```
5. Acesse a aplicação no navegador:
```bash
http://localhost:3000
```
---
## Deploy 🌐
O projeto está hospedado na Vercel e pode ser acessado [aqui](https://projeto-api-spacex.vercel.app/).
---
## Contribuição 💡
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e enviar pull requests.
---
Feito com 💙 por Myllena Bitar