Tired of listening the same songs over and over again and want to find some new music but don't know how to search for it? With Track Tracker it's easier than you think! Now you can choose the music genre you want and get four random songs recommended to you. Not satisfied with the result? Don't worry, you can push the shuffle button as many times as you like and get four different songs every time. Or you can try with a different genre. Easy, isn't it? 😄 Track Tracker has been developed as a part of the Ironhack Web Developement bootcamp with the Deezer API and using JavaScript.
The MVP will include:
- Homepage: it will include all the links to navigate around the app and the music genre buttons which will lead the user to the random songs. 🏠
- Random songs selection page: which will include the random selection of four songs (filtered by the genre the user has previously selected) and a shuffle button (to get a new selection of four songs). It will also give a link to get to the home page and change the genre. 🔀
- Sign Up: A registration form for new users with email and password validation. 👋
- Log In: A form for signed up users with email and password validation. 🔑
- FAQ: Everything you would want to know about Track Tracker, just press play. ⏯️
- Search bar for easy desired genre search with more specific genres than the ones displayed on the main page.
- More strict password validation.
- Add a Log Out option once the user is logged and say "Hi, ${name}" on the navbar instead of having still the Log In and Sign Up options displayed.
- root/
- index.html
- randomsongs.html
- faq.html
- login.html
- signup.html
- css/
- style.css
- burger.css
- src/
- Main.js
- Login.js
- Database.js
- Signup.js
- User.js
- Validator.js
- img/
- Check out the amazing Deezer API I used. 🎶
Project GitHub