Skip to content

davidmoina/Apollofy-music-app

Repository files navigation

#react #typescript #vite #scss #scss modules #tailwindcss #api #json-server #react-router #react-hook-forms #native-player #local-storage

Apollofy-music-app (Name will change)

Index

Video Demo

https://youtu.be/BV3DyPRmLak (or click the image)

SCR-20230409-ffc

Description

Hi! In this project we tried to recreate the famous Spotify app. We used our own DB via json server to try all the different possibilities with Tracks, Playlists, etc. We built our own personal music player from scratch, not using any other library. For this project we wanted to try something different so we made it with Typescript and Scss mixed with TailwindCSS to further develop our skills as developers.

This React project was made with Vite and is purely the Frontend of the app although it has already all the functionality for once we add the Backend side of the project. It is fully responsive and compatible with mobile.
You can click on any card to start playing the music and also you can clic on the little heart icon to add it to your favorite playlist!

We are fixing some minor bugs and working on the backend side of the projects these next weeks.

Instructions

1. npm install

2. npm run json-server

3. npm run dev

Technologies Used

  • React
  • Typescript
  • Vite
  • Scss

Images

Login Page

SCR-20230409-fhl

Register Page

SCR-20230409-fhy

Home Page

SCR-20230409-ffc

Music Player

SCR-20230409-fh1

Search Page

SCR-20230409-ffm

Liked Songs

SCR-20230409-fgb