Redesign Home Page

[ajaynegi45]

Create a New Home Page Design

• Attach the new design below
• When the book icon in the bottom navbar is clicked, redirect users to the "/books" page
• Ensure the design is:
  • Responsive for screen sizes between 320px and 1440px. max-width should be 1440px.
  • Optimized for small mobile devices

Design Resources:

• Figma Design

https://undraw.co/illustrations

[Bhargav02550]

Is this a mobile application ui for a web ui

[Bhargav02550]

I want to work on this issue

[ajaynegi45]

Is this a mobile application ui for a web ui

@Bhargav02550 This is web UI

[ajaynegi45]

I want to work on this issue

Hi @Bhargav02550,

Thank you for expressing your interest in working on the "Redesign Home Page" issue. I'm delighted to inform you that I have assigned this issue to you. Your willingness to contribute to our project and "Redesign Home Page" on Website is much appreciated.

Feel free to start working, and if you have any questions or need assistance during the process, please don't hesitate to reach out. We eagerly anticipate your work on creating an informative and visually appealing "Home Page" for our website.

[Bhargav02550]

So in mobile ratio u want a bottom bar right

[Bhargav02550]

I'm new to contributions can you follow me the procces of contributing to the project if you don't mind

[ajaynegi45]

I'm new to contributions can you follow me the procces of contributing to the project if you don't mind

@Bhargav02550 Absolutely! If you encounter any issues or have questions while contributing, don't hesitate to reach out—I’m here to help!

Please take a moment to go through the following:

• Code of Conduct
• README
• Contributing Guidelines

[Bhargav02550]

Hey negi do you want that ui in web when it is in mobile ratio right

[ajaynegi45]

Hey negi do you want that ui in web when it is in mobile ratio right

@Bhargav02550 For your reference, my name is Ajay Negi, not just Negi. I want the UI to be optimized for both tablet and mobile devices. For larger screens, please shift the navbar to the top, remove the icon, and write the name instead. Fixed the size min 320px - max 1440px

[ajaynegi45]

Hey negi do you want that ui in web when it is in mobile ratio right

@Bhargav02550

Checkout Design Resources:

• Figma Design

[Bhargav02550]

Hey Ajay How is this app bar looking please share your opinion. Looking forward to work on based on your response

[ajaynegi45]

Hey Ajay How is this app bar looking please share your opinion. Looking forward to work on based on your response

The app bar looks great! Keep up the good work. If you have any questions or need guidance on the next steps, don't hesitate to reach out. We're excited to see your contributions!

[Bhargav02550]

Hey @ajaynegi45 look at this tell me if any enhancements needed i will add the colors that you gave in the figma file Please share you opinion and is there any ui design for screens with ration above 768 pixels

[ajaynegi45]

Hey @ajaynegi45 look at this tell me if any enhancements needed i will add the colors that you gave in the figma file Please share you opinion and is there any ui design for screens with ration above 768 pixels

Remove the top navigation and align it with the Figma design. For screens below 768 pixels, make it resemble an app, and for screens above 768 pixels, make it look like a website. Remove the bottom navigation and set the body width to 1200px. there is too much margin in book card image

[Bhargav02550]

Hey @ajaynegi45 are you specific to colors that you mentioned in the figma file

[ajaynegi45]

Hey @ajaynegi45 are you specific to colors that you mentioned in the figma file

Yes, But if you have any better colour. You can show me

[Bhargav02550]

Hey @ajaynegi45 struck with the navbar kind off confusion in the figma design help me out.