Skip to content

danielpdaniel/phase-3-sinatra-react-project-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cover Lover - Phase 3 Sinatra React Project Front End

This is the React frontend for my Phase 3 Project, Cover Lover! The project is a single page application centered on musical artists, their songs, and the covers they've done of other artist's songs.

Installation

Fork and clone, then run:

npm install

in the project's directory to install the necessary npm packages. Next, run:

npm start

to start the app in development mode on a local port and open the app in your browser. (You will also need to run a rake server and seed the database so the frontend has a server with data it can talk to! Instructions for that will be in the backend directory's readme!)

Usage

Feel free to play around with it! The app includes full CRUD capabilities for the data related to each artist, their songs and their covers of songs through the various routes within the app.

Credits and Sources

This app uses React for its frontend,specifically create-react-app to set up the initial starter code for the React program.

It also uses the phase 3 project code by lizbur10 on github to set up the initial backend directory, which uses both Sinatra and Active Record to build out the database functionality.

All song performances in the seed data have been sourced from YouTube and can be found at the following locations:

New York, New York by Frank Sinatra

Born This Way by Lady Gaga

New York, New York covered by Lady Gaga

New York, New York covered by Beyoncé

Born This Way covered by Orville Peck

This project was done for Phase 3 of the Flatiron School's Software Engineering Flex Program. Special thanks to everyone at Flatiron who helped me through this phase!

About

react frontend for my phase 3 react project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published