Welcome to the frontend repository of Harmony Hub! This project delivers an intuitive and responsive interface that lets users generate personalized music playlists based on their emotional state. Developed as part of the Cyberjam 2024 Hackathon, Harmony Hub provides an engaging and interactive way to enhance users' music experience.
- Personalized Playlists: Curated music playlists based on users' emotional states.
- User Authentication: Secure user login and registration flow.
- Responsive Design: Fully optimized for both mobile and desktop views.
- Real-Time Feedback: Dynamic UI that adapts to user inputs in real-time.
- Hackathon Project: Developed for Cyberjam 2024, where participants build projects that combine art, technology, and innovation.
- Frontend Framework: React
- Bundler: Vite
- Styling: Styled Components
- Animations: Framer Motion
- State Management: Redux
- Routing: React Router
- Form Validation: Formik and Yup
harmony-hub-frontend/
├── public/ # Public assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components for each route
│ ├── redux/ # Redux store and slices
│ ├── services/ # API service functions
│ └── main.js # Entry point
├── .gitignore # Git ignore rules
├── package.json # Project dependencies and scripts
└── README.md # Project documentation
If you encounter any issues or have suggestions, please open an issue.
This project is licensed under the MIT License.
I welcome feedback and suggestions to improve the application's functionality and user experience.
