Added Tailwind and created Frontend Homepage

[prathamVaidya]

Related Issue

Issue Number: #4 Frontend Needed

Description

Tasks Completed:

✔️ Desktop responsive Design. Can easily support Tablet as well with few breakpoints.
✔️ Sliders and other Components as per UI with required props.
✔️ Track State is managed.
✔️ Songs loading from dummy data.
✔️ Tracks are searchable.

Things that can be Improved and remaining features:

1. Knob Buttons are not as per UI. The only knob react library requires a svg skin to make a knob button. So first we need to create a svg of the UI button and then create a skin and load in knob button. Check Docs here (Knob Skin Example: https://github.com/hugozap/react-rotary-knob-skin-pack/blob/master/skins/s14.js)
2. Functionality to actually load tracks or songs in the player, extract metadata like duration, title, singer, etc. and play the track.
3. Control State of all the sliders , knob buttons.
4. Update Disc Animation. Use Framer Motion instead of css to get a seamless animation effect. (Use track time as animation delta)

Checkout Live Preview at https://rdj-exe.vercel.app

Screenshots

[netlify]

✅ Deploy Preview for reactdj ready!

Name	Link
🔨 Latest commit	7429e8d
🔍 Latest deploy log	https://app.netlify.com/sites/reactdj/deploys/6482d1aec332850008890d9d
😎 Deploy Preview	https://deploy-preview-20--reactdj.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

Great job, @prathamVaidya! 🎉 Thank you for submitting your first pull request. Your contribution is valuable and we appreciate your efforts to improve our project. We'll review your changes and provide feedback as soon as possible. Keep up the great work!

[prathamVaidya]

@LokeshKumar-Dev Please provide a feedback on this.