Join the Music City Hip-Hop Community!
Overview
MVP Features
Check It Out Yourself
Planning The New Era of Music in Nashville
Code Snippets
Tech Stacks for Music City Hip-Hop
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!
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 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 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 are shown on ViewUser and Artist Profile pages
Artists can post links to their own sites, albums on Spotify/Bandcamp, articles, etc.
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
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
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
Music City Hip-Hop has been deployed on Netlify, and can be viewed here.
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 I used to direct New Users to a Form to input their info
authContext.js
ViewDirector.js
UserForm.js
React
nextjs
Firebase
CSS3
HTML5
Bootstrap
Figma
Charles Bridgers IV