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 e também criar suas próprias intros, algo que todo fã sempre sonhou.
https://github.com/hmontarroyos/star_wars_introduction
front-end react react-hook-form star-wars star-wars-api styled-components typescript vercel zod-validation
Last synced: about 2 months 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 e também criar suas próprias intros, algo que todo fã sempre sonhou.
- Host: GitHub
- URL: https://github.com/hmontarroyos/star_wars_introduction
- Owner: HMontarroyos
- Created: 2023-06-28T14:54:54.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-09-19T16:53:17.000Z (9 months ago)
- Last Synced: 2025-10-09T13:36:39.268Z (8 months ago)
- Topics: front-end, react, react-hook-form, star-wars, star-wars-api, styled-components, typescript, vercel, zod-validation
- Language: TypeScript
- Homepage: https://star-wars-introduction.vercel.app
- Size: 3.83 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]
Star Wars Texts Introduction |
Tecnologias Utilizadas |
Como Instalar o Projeto |
Como usar |
Deploy da aplicação
## Star Wars Texts Introduction
#### Desktop



#### Mobile




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 e também criar suas próprias intros, algo que todo fã sempre sonhou.
### Tecnologias Utilizadas
[![React][React]][React-url]
[![Typescript][Typescript]][Typescript-url]
[![Styled_Components][Styled_Components]][Styled_Components-url]
[![Axios][Axios]][Axios-url]
[![React-Hook_Form][React-Hook_Form]][React-Hook_Form-url]
[![Zod][Zod]][Zod-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/
[Zod]: https://img.shields.io/badge/Zod-20232A?logoColor=61DAFB&style=for-the-badge
[Zod-url]: https://zod.dev/
[React-Hook_Form]: https://img.shields.io/badge/React%20Hook%20Form-20232A?logo=react&logoColor=61DAFB&style=for-the-badge
[React-Hook_Form-url]: https://react-hook-form.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/