Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hmontarroyos/star_wars_introduction
Aplicação desenvolvida de fã para fã de Star Wars, onde o usuario poderá assistir a intro text oficial de cada filme lançado até hoje de Star Wars.
https://github.com/hmontarroyos/star_wars_introduction
front-end react star-wars star-wars-api styled-components typescript vercel
Last synced: 22 days ago
JSON representation
Aplicação desenvolvida de fã para fã de Star Wars, onde o usuario poderá assistir a intro text oficial de cada filme lançado até hoje de Star Wars.
- Host: GitHub
- URL: https://github.com/hmontarroyos/star_wars_introduction
- Owner: HMontarroyos
- Created: 2023-06-28T14:54:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-04T17:03:51.000Z (12 months ago)
- Last Synced: 2024-04-28T04:46:15.780Z (7 months ago)
- Topics: front-end, react, star-wars, star-wars-api, styled-components, typescript, vercel
- Language: TypeScript
- Homepage: https://star-wars-introduction.vercel.app
- Size: 3.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Projeto Star Wars Texts Introduction |
Tecnologias Utilizadas |
Como Instalar o Projeto |
Como usar |
Deploy da aplicação
## Projeto Star Wars Texts Introduction
#### Desktop
#### Mobile
Este Projeto visa exibir todas as intros texts dos filmes de Star Wars live action lançados até então, onde o usuário ao clicar em cada pôster respectivo e encaminhado para uma nova tela aonde verá a intro do filme em questão, um projeto feito de fã para fã.
### Tecnologias Utilizadas
[![React][React]][React-url]
[![Typescript][Typescript]][Typescript-url]
[![Styled_Components][Styled_Components]][Styled_Components-url]
[![Axios][Axios]][Axios-url]
### Utilitários
[![Vercel][Vercel]][Vercel-url]
[![Star-Wars_API][Star-Wars_API]][Star-Wars_API-url]
### Como Instalar o Projeto
```sh
yarn
```
Após baixar todas as Dependências do Projeto dentro da pasta Raiz, inicie o Servidor com o Comando:
```sh
yarn start
```
### Como usar
Para Inicializar o Projeto
Abrir [http://localhost:3000](http://localhost:3000) vizualizar no Navegador.
### Deploy da aplicação
[![Deploy][Deploy]][Deploy-url]
### 🚀 Let's code! 🚀 ###
[contributors-shield]: https://img.shields.io/github/contributors/HMontarroyos/star_wars_introduction.svg?style=for-the-badge
[contributors-url]: https://github.com/HMontarroyos/star_wars_introduction/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/HMontarroyos/star_wars_introduction.svg?style=for-the-badge
[forks-url]: https://github.com/HMontarroyos/star_wars_introduction/fork
[stars-shield]: https://img.shields.io/github/stars/HMontarroyos/star_wars_introduction.svg?style=for-the-badge
[stars-url]: https://github.com/HMontarroyos/star_wars_introduction/stargazers
[issues-shield]: https://img.shields.io/github/issues/HMontarroyos/star_wars_introduction.svg?style=for-the-badge
[issues-url]: https://github.com/HMontarroyos/star_wars_introduction/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/hebertmontarroyos-developer/
[Axios]: https://img.shields.io/badge/Axios-%23632CA6.svg?style=for-the-badge
[Axios-url]: https://axios-http.com/
[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://pt-br.react.dev/
[Typescript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[Typescript-url]: https://www.typescriptlang.org/
[Styled_Components]: https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white
[Styled_Components-url]: https://styled-components.com/
[Sweet_Alert2]: https://img.shields.io/badge/Sweet%20Alert%202-FA5C5C?style=for-the-badge
[Sweet_Alert2-url]: https://sweetalert2.github.io/
[Vercel]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Vercel-url]: https://vercel.com/
[Star-Wars_API]: https://img.shields.io/badge/Star%20Wars%20API-F4B728?style=for-the-badge
[Star-Wars_API-url]: https://swapi.dev/
[Deploy]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Deploy-url]: https://star-wars-introduction.vercel.app/