Jubilee

Jubilee is a custom vinyl creation website connecting to the Spotify API to select your favorite music, We wanted to create a site with a simple concept that could be worked on for years to come.

Description

This project is a fantastic opportunity to show employers your collaborative skills and coding abilities, especially in the context of a scalable, user-focused MERN app. Remember that employers want to see what you can do, but they also want to see how you work with other developers. The more examples of deployed collaborative work you have in your portfolio, the more likely you are to get an interview and a job.

While building this project I learned to:

Technologies used: React, Spotify API, mongoDB, Apollo, GraphQL
Oliver handled database and server side, Jose created the wireframe, handled database, server side, styling, and page creation.
Jacob worked on JavaScript, the Spotify API, and deployment, and Justin worked on styling and page creation
Try using a component library, such as Semantic UI, Chakra UI, or Ant Design.

Built With

Grading Requirements

This project is graded based on the following criteria:

Technical Acceptance Criteria: 25%

Satisfies the following code requirements:

Application uses React for the front end.

Application has a GraphQL API with a Node.js and Express.js server, and uses queries and mutations for retrieving, adding, updating, and deleting data.

Application uses MongoDB and the Mongoose ODM for the database and protects sensitive API key information on the server.

Concept 10%

Application should be a unique and novel idea.

Your group should clearly and concisely articulate your project idea.

Deployment: 20%

Application deployed at live URL on Heroku and loads with no errors.

Application GitHub URL submitted.

Repository Quality: 10%

Repository has a unique name.

Repository follows best practices for file structure and naming conventions.

Repository follows best practices for class and id naming conventions, indentation, quality comments, etc.

Repository contains multiple descriptive commit messages.

Repository contains a high-quality README file with description, screenshot, and link to deployed application.

Application Quality: 15%

Application user experience is intuitive and easy to navigate.

Application user interface style is clean and polished.

Application is responsive.

Presentation 10%

Your group should present using a slide deck.

Every group member should speak during the presentation.

Your presentation should follow the Project Presentation Template.

Bonus

Fulfilling all three of the following requirements to turn your app into a PWA will add 10 points to your grade. Note that the highest grade you can achieve is still a 100:

Uses a web manifest

Uses a service worker for offline functionality

Is installable

Each member of your group is required to submit the following for review:

The URL of the deployed application.

The URL of the GitHub repository, with a unique name and a README describing the project.

Installation
Usage
Contributing
Tests
License
Contact
Acknowledgments

Installation

Add a comment about installing your project. For example that your project will be launched in browser or in the terminal. Now list out the installation requirements:

Code block example

git clone

Screenshot Example

(back to top)

Usage

Give a detailed description of how to use your project.
Remember you already described how to install your file so you don't have to reiterate any of that information.
Its typical to have a screenshot or gif of the user experience while going through the user experience.
This is a good place to add a screenshot of the project if your homework requires it.

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!