A simple Go web application that displays a gallery of artists and their details, styled with modern CSS.
- Artist Gallery: Browse a grid of artists fetched from the Groupie Tracker API.
- Artist Details: Click on an artist to view their members, first album, creation date, and tour locations.
- Error Handling: Custom error pages for 400, 404, and 500 HTTP errors.
- Responsive Design: Clean, responsive UI using CSS Grid and Flexbox.
artist.html # Artist details template
error.html # Error page template
index.html # Main gallery template
main.go # Main Go application
utils.go # Error handling utilities
go.mod # Go module file
static/
style.css # CSS styles
-
Clone the repository:
-
Install dependencies:
go mod tidy
-
Run the server:
go run main.go utils.go
-
Open in your browser:
http://localhost:8080
- The homepage displays a grid of artists.
- Click on an artist's image to view detailed information.
- Use the "Go Back Home" button on error pages to return to the main gallery.
- Styling: Edit
static/style.cssfor custom styles. - Templates: Modify
index.html,artist.html, orerror.htmlfor layout changes.
- Artists: https://groupietrackers.herokuapp.com/api/artists
- Relations: https://groupietrackers.herokuapp.com/api/relation/{id}
MIT License
Author: mbadawy, mkhattar, faisaahmed Year: 2025
Files referenced: