This website will teach the user the basics of learning how to play the guitar. You will be welcomed with a page and an option to open the instructions. There will be a navigation bar that will lead to an individual guitar chord page the user would like to learn.
- JSX
- CSS
- JavaScript
- React
- HTML
- Reactronica
- Backend: Express, Node.js
- Database: MongoDB
Visit Guitar-Deck! to view the webpage or clone this repository.
Any contributions will be appreciated. Please fork, clone and submit a pull request to contribute!
-As a user I want a homepage with instructions so that I can understand how the app functions. -As a user I want to access chords from any part of the app so that I can navigate through them easily. -As a user I want a details page with a image of the chord displayed and its details so that I can learn from the app.
-
Reactronica is the new technology that was implemented into this site. It was challenging to figure out a way to connect Reactronica with my backend.
-
The pathing for the audio files for the Reactronica was challenging in terms of finding the correct location and the correct folder to store them in.
-
Bootstrap was used for the navbar and it was difficult to customize the navbar to my preferences.
Html color codes helped with choosing the best colors for the webpage.
Favicon maker image to favicon converter.
Image Host API image hosting for the backend.