Skip to content

Tiny House is a vacation rental listing site. Build with React , Material UI and Firebase.

Notifications You must be signed in to change notification settings

elroi99/tinyHouse

Repository files navigation

Tiny House

A vacation rental listing website

View Live site --> Tiny House

Note that this project is a clone of TinyHouse. Visit them and give them some love

Description

Tiny House is a typical Vacation Rental Site. Think AirBNB. I starting building this site in order to test my UI skills and in order to cement the lessons that I learnt while building my previous portfolio project Atlas-Clone Tiny House has been built using HTML , CSS , React Js , MUI ( Material UI ) , Firebase. Deployment was handled using Vercel When I started building TinyHouse, I was familiar with most of the above technologies, as a result, there was less of a learning curve and I could concentrate on writing cleaner code.

While building TinyHouse, my main objective was to test my UI skills, and thus, I have attempted to create as close a copy to the original app as possible. Please do compare my project Tiny House with the original website TinyHouse

Visuals






Technical Overview

Technologies and Tools used.

Visual Studio Code

HTML5

CSS3

JavaScript

React

Firebase

Git

GitHub

Terminal



  • HTML
  • CSS
  • Javascript
  • React JS
  • React Router
  • Firebase
  • Git
  • Vercel
  • VSCode
  • Terminal

Check out another one of my projects Atlas

Running the code on your local machine

Dependencies

  • Node.JS -- Make sure you have Node.js installed on your machine.
  • NPM ( Node Package Manager ) -- We will be using Node.js and NPM to run the project.

Installation Instructions

  1. Get a copy of the project on your local machine by running the following command git clone https://github.com/elroi99/tinyHouse.git
  2. Enter the project directory cd tiny-house
  3. install dependencies using npm npm install
  1. The code is now ready to Rock and Roll !!
  2. Run the project npm start

Give it some time ...... Breathe in .. Breathe out.
Node should start a development server on your local machine.
You should be able to view TinyHouse in your browser at localhost://3000 ( unless you opened it on another port )

Thats it 🥳 🥳 !!


Acknowledgements

  • This project is a clone of TinyHouse ! Visit them and give them some love

About

Tiny House is a vacation rental listing site. Build with React , Material UI and Firebase.

Topics

Resources

Stars

Watchers

Forks