search

K1rk3y / CITS3403_Project

CITS3403 project repo
0 stars 0 forks source link

Homepage FrontEnd Implementation: Suggestions for Additional Functionalities #13

Open Sreelajoyoti opened 5 months ago

Sreelajoyoti commented 5 months ago

Hello Everyone, I have pushed the Frontend for the Hompage, what additional features can we add here?🤔

Design Justification:

I’ve reorganized the frontend into distinctive sections, each designed for a specific purpose. This setup improves user experience by making navigation clearer and simplifies future updates and scaling of our platform. Now, users can find what they need more easily and intuitively.

Key Features Navigation Bar

A responsive navigation bar with links to Home, Requests, Discussion, About, and Contact pages. A hamburger menu icon for mobile devices to toggle the navigation links. Header Section

A full-screen background image with a main title and a call-to-action button. How It Works Section

A step-by-step guide with links to each step, styled for clarity and accessibility. Top Sellers Section

A section showcasing top sellers with a background image and placeholder for future content. Benefits Section

An explanation of how the service benefits buyers, with a flexible layout for images and text. Footer

Contact information and copyright details, styled to match the overall design.

Maintaining Responsiveness: 1.CSS Media Queries: Utilized media queries to adjust the layout and styles for different screen sizes.

2.Flexible Layouts: Used CSS Flexbox to create flexible and adaptive layouts

3.JavaScript for Menu Toggle

4.Responsive Typography

Used relative units (e.g., vmin, vw, vh) for font sizes to ensure text scales appropriately with screen size.

5.Responsive Images

Ensured images scale correctly with the screen size, maintaining aspect ratio and fitting within their containers.

  1. Further CSS for Styling and Responsiveness

Feel free to use these responsive styling elements for further frontend work.

Please free to advice on the design changes, or additional features.

K1rk3y commented 5 months ago

The general structure looks good, in terms of additional features maybe we can add more interactive elements that are triggered by scrolling or clicking buttons. Style wise.

Sreelajoyoti commented 5 months ago

I propose adding a carousel feature on our homepage that showcases our top cooks. This visual element would be a testament to our top quality chefs.

I will be discussing this with Amadea,who I believe is the most knowledgeable for bootstrap.