Git Product home page Git Product logo

xplit495 / groupie-trackers Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.04 MB

Leverage APIs with Golang, HTML, CSS, and JavaScript for a comprehensive music fan experience. Track bands, explore concerts, and dive into artist details with this interactive, responsive web application. Perfect for music enthusiasts looking to connect with their favorite bands and discover live events.

Go 18.72% CSS 27.10% HTML 22.55% JavaScript 31.62%
api css groupie-tracker html html-css html-css-javascript html5 javascript js shazam

groupie-trackers's Introduction

Groupie-Trackers

About

Groupie Trackers is a web application that leverages a rich API to provide detailed insights into bands and their groupies. Utilizing a robust tech stack including Golang for the backend and HTML, CSS, JavaScript for the frontend, this application offers users an engaging experience to explore data on their favorite bands.

Appendix

!!! The header search bar and Shazam search bar are completely different !!!

Usage/Examples

Open a terminal into the project file and write :

go run .\cmd\main.go

After that, your browser needs to automatically open it on the correct page.

Else go to : http://localhost:8080/

Features

  • Dynamic search bar (in the header):

    • Functions with: concert venues, artist names, creation dates, first albums, and members
  • Gallery

    • References every artist provided by the main "Groupie-Trackers" API
    • All filters are available and functional
    • Reset button also functions properly
    • Each artist card is clickable
  • Artists

    • Each artist's page provides detailed information about them/us: creation date, name, first album, and member(s).
    • Deezer API is also included to play songs and discover artists/groups
    • Google Maps API is integrated to view concert locations directly on the website, with watermarks pinned on the map indicating concert dates
  • Shazam

    • Shazam is an additional feature that works similarly to Shazam but with more capabilities.
    • Every music cover is clickable and redirect to AppleMusic to stream.
    • For example: You can input a name, lyrics, or anything else related to any artist (even if they are not in the original Groupie Trackers API), and receive multiple pieces of information related to your search input.

Tech Stack

API: Deezer, GoogleMaps, AppleMusic, Shazam (By Api Dojo on https://rapidapi.com/apidojo/api/shazam)

Client: HTML/CSS, JavaScript

Server: Golang

Authors

  • Carrola Quentin
  • Malagouen Shemsedine

groupie-trackers's People

Contributors

shemsmala avatar xplit495 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.