Git Product home page Git Product logo

chinchigit / gasolinehackfase2 Goto Github PK

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

GasolineHackFase2 es una aplicación fullstack desarrollada con React en el frontend y Express con SQL en el backend. La aplicación ofrece una solución integral para encontrar las gasolineras más económicas, permitiendo a los usuarios realizar búsquedas por provincia, radio o ubicación cercana.

Home Page: https://gasolinehack.netlify.app/

JavaScript 84.24% HTML 0.51% CSS 15.25%
fullstack-development gasoline gasoline-prices javascript react reactjs sql

gasolinehackfase2's Introduction

GasolineHackFase2 - Aplicación Fullstack de Búsqueda de Gasolineras Baratas

HTML5CSS3JavaScript

ReactChart.jsJavaScript

FirebasePostgresNodeJS

Descripción del Proyecto

GasolineHackFase2 es una aplicación fullstack desarrollada con React en el frontend y Express con SQL en el backend. La aplicación ofrece una solución integral para encontrar las gasolineras más económicas, permitiendo a los usuarios realizar búsquedas por provincia, radio o ubicación cercana.

Características Principales

  • Autenticación con Gmail por Firebase: La aplicación proporciona una autenticación segura mediante Gmail, implementada a través de Firebase.

  • Búsqueda de Gasolineras Baratas: Los usuarios pueden encontrar las gasolineras más económicas en su provincia, dentro de un radio específico o la más cercana, independientemente del precio.

  • Visualización de Mapas: La aplicación muestra mapas con la ubicación de las gasolineras, permitiendo a los usuarios ver la ruta desde su ubicación actual.

  • Ordenación de Resultados: Los usuarios pueden ordenar los resultados de búsqueda según diferentes criterios como precio, localidad, distancia, entre otros.

  • Guardado de Favoritos: Los usuarios registrados pueden guardar sus gasolineras favoritas para acceder fácilmente a ellas en el futuro.

  • Histórico de Precios y Gráficas: Los usuarios registrados tienen la capacidad de consultar gráficas con un histórico de los precios de las gasolineras que han visitado.

Información Adicional

  • Fecha de Realización: La base del proyecto se completó en un plazo de una semana, desde el 11 de diciembre como proyecto final del Bootcamp de Desarrollo Web Fullstack en The Bridge.

Posteriormente se han añadido periódicamente diferentes mejoras, además de realizar el despliegue del front end en Netlify.

Backend:

Realizazo con Node.js, Sequelize y Postgre SQL, tiene como mismión almacenar las gasolineras que los usuarios guardan como favoritas así como los precios para poder mostrar un histórico a los usuarios registrados. Se encuentra desplegado en Vercel y accesible en el siguiente repositorio:

Backend - Gasoline Hack

Contribución

¡Todas las sugerencias y contribuciones son bienvenidas! Si quieres mejorar o agregar nuevas características, no dudes en contactar.

gasolinehackfase2's People

Stargazers

 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.