Frontend: Created the Homepage with the hamburger menu

[sksmagr23]

Description

I Created the home page with hamburger menu based on the given figma design. I added created the menu in Navbar.tsx and import this in home.tsx(landing page). I also added the necessary media in assets/src and also slightly modified my previously button component, also added some custom classes in tailwind.config.js. I showed just for instance the sidebar after login, which will be later implemented.

Fixes: #78

How to Test

• Navigate to frontend directory
• Run "npm run dev"

Related Issues

• 78

Checklist

• [x] I have tested these changes locally.
• [x] I have reviewed the code and ensured it follows the project's coding guidelines.
• [x] I have updated the documentation, if necessary.
• [x] I have assigned reviewers to this pull request.

Screenshots

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
multiplayer-uno	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 10, 2024 5:45am

[kuv2707]

We should add an AppContext handling user signin and use it here to sync the UI with logged in state. I'll do it. In the meanwhile, @shivansh-bhatnagar18 can review the design and functionality

[shivansh-bhatnagar18]

@kuv2707 The PR looks good to me. Its just that the images are not getting rendered.

[sksmagr23]

Bhaiya it might be the loading error, because it is opening in my localhost