BeatsFlōw

A small music app with a collection of relaxing tracks and ambient effects to unwind and boost productivity. Check out the live demo here.

Features

• Workflow Editor : Create your own work session with ease
• Productivity Timers : Time-management method to improve focus and productivity
• Music Player : Enjoy your favorite tracks with a personalized playlist + YouTube search
• Theme Toggle : Choose your preferred color scheme

Technologies Used

• Next.js : A React framework for server-side rendering and static website generation
• Tailwind CSS : A utility-first CSS framework for rapid UI development
• Zustand : A state management library for React applications
• React-icons : A collection of icons for React

How to run this project ?

To run this project on your local environment, follow the following steps :

• Clone the repository to your local machine or download the source code.
• Run the command pnpm install in the project directory to install the required dependencies
• Create a .env file in the root directory of the project and add the following content:

YOUTUBE_API_KEY=YOUR_YOUTUBE_API_KEY

• Run the command pnpm run start to start the production build of the project.
• Open your internet browser and go to the following address: http://localhost:3000