GithubHelp home page GithubHelp logo

avanegasp / starwarsproject Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.97 MB

Este proyecto es una excelente oportunidad para aprender el uso de React, Bootstrap, y el manejo de datos con APIs, proporcionando una experiencia de usuario enriquecida a través de la funcionalidad de favoritos y vistas detalladas.

JavaScript 90.43% HTML 3.23% CSS 6.33%
bootrstrap-5 fetch-api flux react

starwarsproject's Introduction

Blog de Star Wars

image

En este proyecto,se construyó una versión minimalista del API de Star Wars con una funcionalidad de "favoritos" para que los usuarios puedan guardar sus elementos preferidos.

Tecnologías utilizadas:

  • React
  • Bootstrap
  • SWAPI (Star Wars API)
  • Flask
  • Javascript
  • Python
  • Postman

Características del proyecto:

  • Interfaz de Usuario: Utiliza componentes de Bootstrap para construir una aplicación web React que lista personas, vehículos y planetas de la SWAPI.
  • Funcionalidad de Favoritos: Implementa una lista de favoritos que permite a los usuarios guardar y gestionar elementos de su interés. La lista se integra en la navegación de la aplicación.
  • Vista Detallada: Cada entidad tiene una vista detallada con descripciones y, opcionalmente, imágenes obtenidas de Star Wars Visual Guide.
  • Context API: Utiliza Context API para manejar el estado de los favoritos a lo largo de la aplicación.
  • Persistencia en Navegador: Implementa almacenamiento local para evitar llamadas repetidas a la API al actualizar la página.
  • Barra de Búsqueda: Agrega una barra de búsqueda con autocompletado para facilitar la navegación entre personajes, planetas y vehículos.

Este proyecto es una excelente oportunidad para aprender el uso de React, Bootstrap, y el manejo de datos con APIs, proporcionando una experiencia de usuario enriquecida a través de la funcionalidad de favoritos y vistas detalladas.

starwarsproject's People

Contributors

avanegasp avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.