Brand Hub

Overview

Brand Hub is a web application designed to showcase a diverse range of brands across various categories. Users can easily explore and discover brands across various industries, including technology, automotive, and streaming services, among others. The application features a user-friendly interface, dynamic brand display, and efficient search functionality.

Features

• Dynamic Brand Display: Browse brands in a visually appealing grid layout.
• Search Functionality: Quickly find brands by name or category using a real-time search bar.
• Category Filtering: Narrow down brand searches by selecting specific categories.
• Brand Modal: Click on a brand card to view detailed information in a modal window.
• Responsive Design: The application is designed to work seamlessly on various devices.

Technologies Used

• HTML: For structuring the content.
• CSS: For styling the application and ensuring a responsive design.
• JavaScript: For implementing dynamic features and interactivity.

Pages

• Home Page: The main landing page showcasing featured brands.
• Login Page: A page for users to log into their accounts.
• Sign Up Page: A page for new users to create an account.
• Contact Page: A page for users to get in touch with the Brand Hub team.

Updates

CSS Enhancements:

• Refined the layout for better mobile responsiveness.
• Enhanced visual styles for brand cards with hover effects.
• Improved overall design aesthetics to align with modern UI trends.
• I have updated all the styles and made it a responsive design for all the brands and also made the CSS design change into the login page and the about us page.
• I have added a button to allow users to add brands, along with some categories and their related brands. Additionally, I have updated the CSS and JavaScript.

JavaScript Updates:

• Optimized the search functionality to improve real-time search accuracy.
• Added smooth transition effects for the brand modal display.
• Implemented better state management for dynamic brand filtering.
• I fixed the search filter to make it easier to differentiate brands and also connected the webpages to the Firebase database

Brand Logos:

• New brand logos have been added across various categories to improve the visual appeal and brand recognition. These logos are now displayed on brand cards.

Installation

To run the Brand Hub application locally, follow these steps:

1. Clone the repository:

git clone https://github.com/1046prt/BrandHub.git