🎵 me to Mixtape Magic!

Mixtape Magic is a web application designed to manage and showcase user-created playlists. The goal of this project is to build a component-driven UI with authentication and database integration, while using modern web development practices.

✨ Features

• 🎨 Dynamic UI Components – A modular design system for playlist management.
• 🔐 User Authentication – Secure login & authentication with JSON Web Tokens (JWT).
• 🎵 Playlist Management – Organise and show off your playlists with ease.
• 📡 Database Integration –
• 🚀 Hosting & Deployment – Powered by Supabase & Render for backend, and Netlify for frontend.
• 📱 Fully Responsive – Optimised for all screen sizes and devices (hopefully...).

---

🚀 Live Demo

👉 View Live Demo (Link will be updated once deployed...)

---

💻 Technologies Used

This project was built using the following technologies:

• Frontend: React (UI components & state management)
• Backend:
• Database:
• Authentication: JWT (JSON Web Tokens)
• Hosting: Netlify (Frontend), Render (Backend)
• Version Control: Git & GitHub
• Additional Tools: ESLint, Prettier

---

📚 What We Learned

During this project, we explored and implemented:

• 📌 Building reusable UI components for better scalability.
• 🔐 Implementing secure authentication using JWT.
• 🌍 Deploying a full-stack application using Netlify & Render.
• 🎨 Ensuring accessibility & responsiveness in the UI.
• 🛠 Using Git & GitHub effectively for collaboration.