This project is the frontend part of the music genre classifier. It's a simple web app that uses the genre classifier API to determine the genre of a 30 second clip song. It was developed with ReactJS + Vite.
- ReactJS: main JavaScript library used to build the frontend
- Vite: build tool used to bundle the frontend
- Firebase Project with the storage service enabled. A web app must be created and the config must be added to the
.env
file. You can follow these instructions. - Node.js installed and the
node
andnpm
commands available in the terminal - The genre classifier API must be already running locally. Check the running locally section of the project for more information.
- Copy the
.env.example
file and rename it to.env
.
cp .env.example .env
Replace the variables with the values of your Firebase project.
- Install the dependencies:
npm install
- Run the project in development mode:
npm run dev
The project will be running at http://localhost:3000. A new browser tab will be opened automatically.