Giter VIP home page Giter VIP logo

econotravel's Introduction

Hi 👋🏻, I'm Elena Pérez Calvo

About me

Full-Stack Developer ⚡ | Junior

My main characteristics are versatility, audacity and curiosity. 🔥


Technical resources: figma HTML CSS Angular Js React Ts bootstrap sass jest VisualStudio mysql github mysql mongoDB nodejs

  • Web Development : Certificate of Professionalism issued by the Spanish government.
  • Hobbies : videogames 🎮 italian music 💽 and japanese food 🍣
  • Fact : You can have all the money in the world, but there's one thing you will never have .. a dinosaur

Contribution graph :

Snake animation

econotravel's People

Contributors

eperez045 avatar saracode13 avatar sirisiris avatar

Watchers

 avatar

econotravel's Issues

US 12 - Footer

Como propietaria de Econotravel
Para poder mostrar a las secciones informativas
Necesito una barra de navegación inferior con las secciones

  • Vincular 3 secciones
  • Maquetación
  • Responsive

US2 - Experiencias Search

Como propietaria de Econotravel
Para poder vender mis servicios
Necesito poder mostrar un catálogo de experiencias en la web

  • Crear JSON
  • Crear Grid de Cards de 3x3
  • Poner las Chips de cada experiencia
  • Vincular el botón de reserva al detalle de la experiencia
  • Responsive

US 14 - Menú DropDown (Sin Login)

Como usuaria de Econotravel
Para poder registrarme a la web
Necesito un menu desplegable en usuario que me den las opciones de Loguearse y Registrarme.

  • Login
  • Register
  • Posicionarlo
  • Crear estado Sin Login

US 17 - Carrito de Compra

Como cliente de Econotravel
Para poder consultar las experiencias reservadas
Necesito una página donde se vean mis experiencias reservadas

  • Maquetación
  • Responsive
  • Router
  • Carrito vacio (Error)
  • Listado reserva

US 16 - Responsive

Como clienta
Para poder comprar experiencias desde cualquier parte
Necesito que la web se visualice correctamente en todos mis dispositivos

  • Responsive Home
  • Responsive Login/Register
  • Responsive Experiencias
  • Responsive Reservas
  • Responsive Secciones Informativas
  • Responsive Barras navegación

US 3 - Experiencias al detalle

Como propietaria de la tienda
Para poder ofrecer información completa a mis clientes
Necesito poder mostrar una página por cada experiencia que muestre toda la información completa de cada experiencia

  • traer informacion individual del JSON
  • maquetacion (imagen + texto descripcion + titulo + precio)
  • breadcrumbs
  • menu dropdown con cantidades
  • boton de reserva
  • diseño responsive
  • botones funcionales

US 9 - Lista Reserva

Como clienta de Econotravel
Para poder reservar una experiencia en concreto
Necesito una pantalla de reserva en cada experiencia

  • Formulario de reserva

  • traer informacion del JSON
    Usuario no registrado

  • en caso de no existir usuario traer componente de login/register
    Usuario registrado sin reserva

  • en caso de no existir reserva traer componente de "no reserva"

  • imagen + texto carrito vacio
    Usuario registrado con reserva

  • en caso de existir reserva traer componente de la reserva

  • listado reservas

  • diseño responsive

US 4 - Home

Sección 1 - Hero

  • Hero Image
  • Botón de reserva vinculado al menú de Experiencias General

Sección 2 - Experiencias destacadas

  • Crear barra superior con filtro - Ubicación - Transporte - Duración
  • Vincular el componente creado en Experiencias de las Cards (Chips-Titulo-Precio+Botón)
  • Responsive

Sección 3 - Información

  • Añadir imagen lateral
  • Añadir texto
  • Botón vinculado a Quienes somos
  • Responsive

Sección 4 - Oferta + Registro

  • Hero Image
  • Texto oferta
  • Botón vinculado al registro
  • Responsive

US 1 - Barra de navegacion

Como clienta de Econotravel
Para poder navegar por la web
Necesito una barra de navegación

  • Responsive
  • Funcional
  • Diseño

US 7 - Register

Como clienta de Econotravel
Para poder reservar las experiencias
Necesito una sección de Reserva

  • Imagen lateral
  • Título sección
  • Formulario Username + Password + Email
  • Haz click aquí vinculado a Login
  • Botón de Register - Que te lleve a la página de Home
  • Responsive

US 13 - Menú DropDown (Logeado)

Como propietaria de Econotravel
Para poder mostrar el estado del cliente en la web
Necesito un menu desplegable en usuario que muestre los datos, las reservas y el logout

  • Mi cuenta
  • Mis reservas
  • Logout
  • Posicionarlo
  • Crear estado Logeado

US 8 - Quienes somos

Como posible clienta de Econotravel
Para poder confiar en la empresa
Necesito poder visualizar la información de la empresa, así como su historia, la historia de su fundadora y los datos de contacto

  • Sección Quienes somos
  • Responsive

US 10 - Sección Cómo funciona

Como propietaria de Econotravel
Para poder explicar el funcionamiento de la empresa
Necesito una página con preguntas y respuestas

  • Maquetación Cómo funciona
  • Responsive

US5 - Filtros

Como clienta de Econotravel
Para poder elegir las experiencias que quiero probar
Necesito poder filtrarlas por ubicación, duración y transporte.

  • Filtro Ubicación
  • Filtro Duración
  • Filtro Transporte

US 6 - Login

Como usuaria de Econotravel
Para poder ver mis reservas
Necesito un Login a la web

  • Imagen lateral
  • Título sección
  • Formulario Username + Password
  • Haz click aquí vinculado a Register
  • Botón de Login - Que te lleve a la página de Home
  • Responsive

US 11 - Sección Medios de Pago

Como propietaria de Econotravel
Para explicar los métodos de pago
Necesito una página que explique los métodos que se pueden utilizar

  • Sección Métodos de pago

US 15 - Diseño

Como propietaria de la tienda
Para diferenciarnos de otras empresas
Necesito poder mostrar una web atractiva y dinámica en línea con nuestra identidad de marca

  • Diseño en Figma

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.