daveysamps

Daveys Amplification

Daveys Amps is a comprehensive website dedicated to the world of guitar amplification. It not only showcases some of the best amp brands and cabinet brands but also provides guidance on building your own guitar amplifier, crafting your own guitar cabinet, and delves into the rich history of guitar amplification.

Features

• Dynamic Welcome Prompt: A prompt to make the user feel more engaged upon their visit.

• LOUD Alert: An exciting confirmation pop-up to alert users about the incoming loudness!

• Number Guessing Game: Fun game where users have to guess how many guitars Davey owns.

• Display Images: Based on user input, the website can dynamically display images of guitars.

How To Use

Just navigate to the website and follow along with the interactive elements. Explore various sections like Amp Heads, Amp Cabinets, and Amplifier History to learn more about guitar amplification.

Website Structure

1. Header:

   • Logo
   • Navigation Links

2. Main Content:

   • Dynamic Javascript elements for user engagement
   • Section showcasing various Amp Heads with related links
   • Section displaying different Amp Cabinets with related links
   • A segment dedicated to the history of amplifiers with a related link

3. Footer:

   • Contact form for users to reach out

JavaScript Interactions

The website has several dynamic JavaScript functionalities:

• getName(): Function to get the user's name (currently a placeholder).
• welcome(): Greets the user.
• confirmLoud(): Loud confirmation alert.
• numberGuess(): A game where the user has to guess the number of guitars Davey owns.
• showImage(): Dynamically displays guitar images based on user input.

Setup

1. Clone the repository or download the project.
2. Open index.html in your preferred browser.
3. Explore the website!

External Libraries/Resources

• Styles: style.css
• Scripts: script.js

Future Improvements

• Complete the implementation of the getName() function.
• Add more interactive games and quizzes for user engagement.
• Implement responsive design for better mobile user experience.
• Integrate a backend for storing user inputs and feedback.

Feedback & Contributions

Feedback, bug reports, and pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Deployed site:

https://daveyauz.github.io/daveysamps/