Music City Hip-Hop

Join the Music City Hip-Hop Community!

Topics

Overview

MVP Features

Check It Out Yourself

Planning The New Era of Music in Nashville

Code Snippets

Tech Stacks for Music City Hip-Hop

Overview

Music City Hip-Hop is a Social App that gives Nashville emcees/producers a platform to Create a profile and Read, Update, and Delete their information. Artists can post their image, name, and bio along with links to their music and upcoming events they will be performing at. Fans can also join the site by creating a profile and Read, Update and Delete their name, image, and bio while they search the page for artists they already enjoy and maybe discover some new ones.

Let's face it, Nashville is mainly known for country music acts. But we were first known as "Music City" because of the world-renowned Fisk Jubilee Singers. There is a diverse music scene bubbling under the surface, and this App is dedicated to giving the burgeoning rap scene the spotlight. Forget Broadway, Music City Hip-Hop is where it's at!

MVP Features

Users

Sign in via Google Authentication

If it is their first time visiting the site, users are directed to a form that lets them create their profile

New users enter in a name, image, and bio of their choosing and then are directed to the main site

Users can read, update, and delete their profile at any time

Users can Sign Out of the website on their profile

Artists

Artists are a sub-category of Users

Artists can also Create, Read, Update, and Delete Links and Events

When you click on a link you see its name and a URL

When you click on an event you see its venue, date, time, and price

Complete list of artists is shown on the main page to be browsed by everyone

Fans

Fans are a sub-category of Users

As of MVP, fans are not displayed on a page like artists

Fans can see their own name, image, and bio on their profile

Links

Links are shown on ViewUser and Artist Profile pages

Artists can post links to their own sites, albums on Spotify/Bandcamp, articles, etc.

Events

Events are shown on ViewUser and Artist Profile pages

Artists can post events for their fans to attend

EventView page shows the following details for the event: venue, date, time, and price

Search Bar

The Search Bar in the Navigation Bar allows the User to search for Artists by Artist Name

Any Artists that meet the search criteria are shown in the Search Query page, and can be navigated to by clicking the View Button

Profile

Users can Read, Update, and Delete their Profile on this page

Fan Profile displays their name, image, and bio

Artist Profile displays name, image, bio, links, and events

Artists can Create, Read, Update, and Delete links on Profile

Artists can Create, Read, Update, and Delete Events on Profile

Check It Out Yourself

Music City Hip-Hop has been deployed on Netlify, and can be viewed here.

Planning

ERD for MCHH MVP

Wireframe for MCHH MVP

Click here to check out my ERD on dbdiagram

Click here to check out my Wireframes on Figma

Click here to check out the tickets for my Capstone on my Project Board for MVP on GitHub

Code Snippets

Code I used to direct New Users to a Form to input their info

authContext.js

ViewDirector.js

UserForm.js

Tech Stacks

React

nextjs

Firebase

CSS3

HTML5

Bootstrap

Figma

Contributors

Charles Bridgers IV