GithubHelp home page GithubHelp logo

thatdania / makersbnb Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lewisyoul/makersbnb

0.0 1.0 0.0 17.88 MB

Our first group project at Makers of recreating AIRBNB 🐸🐯🐻🐱🏑

Ruby 8.18% HTML 3.72% JavaScript 81.51% CSS 6.59%
teamwork javascript ruby css pair-programming

makersbnb's Introduction

MakersBnb

How To Use | Approach | MVP | Other User Stories | Team

The challenge is to recreate as much of AIRBNB as possible within a week. As much as I pair programmed with the team to code whatever I could for the front and back end, my main contribution was the appearance and UX design of the website. Note: This website is not responsive, it will look perfect on a MACBOOK pro 13-inch.


How to use

  1. Clone the project
git clone https://github.com/thatdania/MakersBnB.git
  1. Change your directory into the project in your terminal.
cd MakersBNB
  1. install all the gem and dependencies
bundle install 
  1. Run Rackup!
rackup

Enjoy the journey through MakersBNB!


Approach

Our strategy was to first research AIRBNB and document the workflow of the website. From there, we could decide what was our MVP (our Minimal Viable Product) that would be the unique selling point of our app. We then decided to have an explorative approach and expand into other user stories once we had decided what was the core of our project. We had constant retros and standups to communicate effectively as a team of the task delegated to us each day and the tasks we had to acheive for each day.

More about the progress: https://medium.com/@thatdania/episode-30-did-we-do-a-good-job-reflection-on-the-airbnb-challenge-d60b9da73773

MVP:

As a user,
When I'm looking on this MakersBNB,
I would like to view rentals on the home page

As a user,
When I'm looking on this MakersBNB,
I would like to search properties by city

As a user,
When I'm looking on this MakersBNB,
I would like to see the property overview that I've selected


Other User Stories:

Below, are the other user stories that were accomplished once we extended from our MVP.

- User can sign in to the website 
-User can log in to the website
-User can log out from the website
-User can’t use the same username that has been installed
-User has to make sure the passwords are the same.
-User can search by city
-User can search by date
-When search, the list automatically reduces
-User can check out individual booking (Page)
-User can see the image of place, the availability, the guests, the price on the individual page 
-User can book and receives a confirmation page
-User can go back to the home page after confirmation 
-User gets to enjoy a nice interface during the experience 

Team

makersbnb's People

Contributors

thatdania avatar lewisyoul avatar olegfkl avatar robertclayton avatar

Watchers

James Cloos 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.