/Tune-Out

A music events app for Hip-Hop and R&B fans

Primary LanguageJavaScript

Tune - Out

For Hip-Hop and R&B Lovers!

Deploy Link | Explore The Docs »

Table of Contents
  1. About The Project
  2. Setup
  3. Roadmap
  4. Features
  5. Contact

About The Project

Tune - Out was created for all the Hip-Hop and R&B lovers/enthusiasts in the Seattle area to find and see their favorite artists performing at venues close to them.

Landing Page Display

tune-out landing page

Home Display

tune-out home page display with a navigation bar and and event cards

Status 404 Display

tune-out 404 error page


This project was assigned during the third module of Turing's Front-End Engineering program, about 18 weeks into its students learning how to code. The primary focus was to give students an opportunity to showcase what they've learned and their own unique styles. The project specs are outlined here.

Built With

React JavaScript CSS HTML5 Cypress NPM Vercel

(back to top)

Setup

  • Clone the repository to your local machine
  • cd into the repository
  • Make sure the necessary dependencies are installed on your local machine (react-router-dom, cypress)
  • Once the necessary dependencies are installed, cd back into the root of the repository, and run npm start
  • Explore and enjoy!

(back to top)

Roadmap

  • Add a light/dark mode
  • Add more cities in the PNW
  • Add a single event details page
  • Add a search bar
  • Add a community forum page for users to comment on events and connect with others

(back to top)

Features

  • Created with React, this code base utilizes Router to not only create a multi-page user experience from a single-page application, but also handle bad user-inputed URLs
  • Implements REST API consumption with Ticketmaster's Discovery API and acceptance testing with a robust Cypress testing suite featuring error-handling

Reflections

Wins:
Overall, I felt the ease that comes with React when creating modular and reusable components to achieve a beautifully designed and detail-focused app. Very happy to see this final product! This all happened with the help of my amazing support system who continually challenges me and encourages me to take on technical feats of any kind.

Challenges:
I felt challenged every step of the way during this project. From numerous 429 errors to Cypress requiring every ounce of my strength, I felt stimulated by the learning that happens under stress and pressure. All in all, this is a project I plan on re-visiting and refactoring to include more accessible features and to provide users with an easy and enjoyable user experience.

(back to top)

Contact

Lee Young: GitHub | LinkedIn
Lee Young GitHub

(back to top)