Skip to content

carlosmiceli/bnbestweb

Repository files navigation

Best Alquileres - Temporary rental website

Responsive website created with Node.js, React and Firebase.

Table of Contents

  • Description
  • Status and TBDs
  • Setup
  • Technologies
  • Authors
  • Contact
  • Illustrations

Description

This is the first official website for Best Alquileres, a temporary rental company based in Argentina. The client wanted to have a website where 1) people could see temporary rental options, 2) where apartment owners could send their information, and 3) where the client could upload specific apartments and travel experiences.

The client also wanted to have the future option to turn the website into a full e-commerce site, so it was designed with that flexibility in mind.

Status and TBDs

Due to the client's unexpected need to launch sooner than originally planned (deadline moved to January 31st, 2021), the current version has plenty of room for improvement while still delivering on all of the client's needs.

What was accomplished from the project scope

  • Responsive good-looking website.
  • Ability for apartment owners to send form applications to get published on the site.
  • Self-updating gallery of apartments and travel experiences.
  • FAQ page.
  • Blog section for SEO purposes.
  • Cloud hosting and domain setup.

What can be improved

  • Grid images sizes and positions, due to uploaded images having no standard size.
  • Being able to trigger Lightbox from custom button.
  • Better styles and alert messages in form submissions.

Setup

To run this project, install it locally using npm:

$ cd ../bnbestweb
$ npm install
$ npm start

Technologies

Project is created with:

  • Javascript - 1.7 in Chrome
  • React - 17.0.1
  • Firebase - 8.2.3
  • Bootstrap - 4.5.3
  • Multiple libraries...

Authors

Carlos Miceli (Github, Linkedin, personal website):

  • Conditional rendering
  • State management
  • Database management and requests
  • Cloud-hosting setup
  • Responsiveness
  • Automations
  • Final design
  • Final style

Florencia Galindo (Github):

  • Initial design
  • Initial style
  • Firestore setup
  • Google Maps and Lightbox libraries setup

Contact

Feel free to email me (Carlos) at [email protected] for anything related to this project.

Illustrations

Homepage

Form

Gallery

Apt-Info

Lightbox-gallery

Mobile-Info

Mobile-Home