/ruum-fe

Front End Repository for Rüm Capstone project

Primary LanguageJavaScript

🎵 Rüm

  • Click HERE to see the Back-End Repo
  • Click HERE to view the deployed site

Table of Contents

Abstract

Rüm is here to connect Room owners with Musicians looking for practice space! As a musician it can be hard to find a place to practice that won't upset your neighbors and Rüm can help you find places to practice! Simply enter in the date, amenities, and any instruments you want to have on site to see all the available bookings. To instantly book a room click the "BOOK NOW" button or click the "SEE DETAILS" button to learn more about the practice space! A user can also view all their past bookings or cancel upcoming bookings as well in the "Bookings" tab in the navigation bar.

Tech Used

Installation and Set-Up

To install this project, please see below:

1. Clone down this Repository using `git clone`
2. Next, `cd` into the cloned repository and `npm install` to install library dependancies
3. Finally, run `npm start` and open up localhost at the port indicated to view the webpage

Alternatively, you can access the deployed site HERE

To access the log in, please use the following credentials:

  - username: bruce@mail.com
  - password: password

Features

  • View all available booking for a given date
  • Sort the available booking results by available amenities, price, or by instruments available
  • See more details about a practice space
  • See upcoming and past bookings
  • Cancel upcoming bookings
  • 100% Lighthouse Accessibility Ratings on all pages
  • Mobile and Computer friendly responsive design
  • Deployed website
  • Unique routes and error handling for 404, server errors, and more
  • Contact us page featuring all 8 members contact information

See the Site in Action!

Screen Shot 2022-04-05 at 10 26 38 PM

Welcome to Rüm! If you're looking for your next musical practice space, you're in the right place. After perusing the landing page, feel free to search all available rooms (we've got about 20 right now), filter by available instruments, amenities, or cost, view extra room details, and book your next practice space!

Search and book a room

A user is free to search all rooms and see room details, but if they want to Book a Room or access the Dashboard page, they will be prompted to log in. Please see the Installation and Set-Up section for the credentials.

Login Demo

If a user is interested in seeing all of their past and future bookings, they can navigate to the Dashboard page for a snapshot view of every booking they've made. If either the "upcoming bookings" or the "past bookings" sections are empty, the application will prompt the user to make some new bookings and practice more so that they can make it to Carnegie Hall.

Screen Shot 2022-04-05 at 10 35 28 PM

Future Goals

  • Room owner access and functionality
  • Add a map and location options outside of Denver
  • Built in payment method (Stripe?)

Stretch Goals

  • GraphQL ✅
  • Apollo Client ✅

Created By:

Check out the Contact Us page on the application!

Screen Shot 2022-04-05 at 10 58 35 PM

...Or search below for links to everyone's GitHub accounts!

Front-End Team:

Back-End Team:

Credit