Jocelyn1912 / swapi-react

Web para consultar por personajes principales de la saga de Star Wars.

Home Page:https://pamearteaga.github.io/swapi-react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proyecto SWAPI con React

SWAPI es una web-movile para los fanáticos de Star Wars, donde podrán ver las características principales de los personajes de esta saga.

Demo https://pamearteaga.github.io/swapi-react/

Muesta:

img

Para usar nuestra web puedes:

  • Descargar desde este repositorio en la opción Clone or download.
  • O puedes clonar el repositorio, para esto debes: - Crear una carpeta en donde quieras que quede alojado el proyecto. - Posicionarte en la terminal sobre la carpeta. - Desde la opción Clone o download, copia el link y en tu terminal ejecuta git clone link_repo. - Luego posiciónate sobre la carpeta con cd ruta_carpeta. - Ejecutar desde la terminal npm install. - Finalmente debes ejecutar npm start para comenzar tu proyecto e ir visualizándolo en el servidor web localhost:3000.

Para realizar este proyecto se usó:

  • Api SWAPI, la api de star wars.
  • React js.
  • React-bootstrap.
  • react-dom.
  • Node js.

Uso de React:

  • React es una librería de JavaScript la cual debemos instalar globalmente antes de comenzar nuestro proyecto, esto lo hacemos desde la terminal ejecutando npm install -g create-react-app.
  • Para comenzar un nuevo proyecto debemos ejecutar desde la terminal create-react-app nombre_proyecto, así creamos las carpetas de configuraciones, gestores de paquetes, transpiladores, etc.
  • Luego debes posicionarte, desde la terminal, sobre la carpeta del proyecto creado con cd nombre_proyecto.
  • Por último debes ejecutar npm start para comenzar tu proyecto e ir visualizándolo en el servidor web, en tu navegador, localhost:3000.

Wireframe del proyecto

img

Desarrollado para

Laboratoria

About

Web para consultar por personajes principales de la saga de Star Wars.

https://pamearteaga.github.io/swapi-react


Languages

Language:JavaScript 67.3%Language:HTML 29.2%Language:CSS 3.5%