Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save MarkNewcomb1/0ea8198b65966e1766d32bf378ef77fb to your computer and use it in GitHub Desktop.

Select an option

Save MarkNewcomb1/0ea8198b65966e1766d32bf378ef77fb to your computer and use it in GitHub Desktop.

Capstone Project Proposal

Please complete this project proposal thoroughly so that your instructors can review it and have an intelligent conversation with you about requirements, scope, feasiblity, etc. Proposals will be due by the end of day on Friday before capstones start. If you don't have your idea fully fleshed out, complete the portions of this you can so that an instructor can help you flesh out the rest of your idea.

Project Description

A Build Your Custom Guitar web app for guitar players to create a custom-built guitar body with their body, wood, and finish of their choosing. At the end of the build, they will see an overview of the specs they've choosen and will be able to "purchase" the build.

Problem Statement

Current "build your own guitar" websites do the job, but are based on older ASP.NET technology, written with older CSS. Sometimes the website will be slow to load and/or buggy, and adding new finishes takes a lot of work due to the way they're built. Responsiveness for mobile and iPad is spotty.

How will your project solve this problem?

My project will take the concept of the app and build it using a modern front-end framework - React in this case. The CSS will be written mobile-first. Using a NoSQL database should make adding new fields to the database tables easier and more scalable.

5 user stories (at least):

  • The User will be able to select their guitar body style to build
  • The User will be able to see the guitar preview image being updated with the user-selected options as they build out their guitar along the way
  • The User will be able to select their guitar color
  • The User will have the choice to select a pickguard with their guitar, or continue to checkout instead without one
  • The User will be able to review their entire build details (as well as the finalized guitar preview image) on the checkout page before they hit "Purchase"

What technologies do you plan to use?

React with the Context API

MongoDB with Mongoose

Heroku

Possibly a CSS framework if needed

ERD - Entity Relationship Diagram

Wireframes

link to wireframe document

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment