An online application called "Course Hub" displays different courses in card-style layouts. Every course card has a picture, comprehensive details about the course, and a "Like" button. Using the navigation buttons at the top, users can filter courses by category. The filtered courses are displayed dynamically, preventing page reloads.
-
Vibrant Course Cards:
- Glance via a variety of course cards containing an image and comprehensive course details.
-
Seamless Category Filtering:
- Effortlessly navigate through our extensive course catalog by selecting from a range of categories
-
Interactive "Like" Button:
- A simple click triggers a delightful toast notification, affirming your fondness for the chosen course.
This project is built using the following technologies:
-
React: Powering the dynamic and responsive frontend.
-
JavaScript: Driving the interactivity and functionality of the application.
-
Tailwind CSS: Elevating the visual aesthetics with modern and sleek styling.
-
React Toastify: Enhancing user experience with elegant toast notifications.
-
Explore Course Cards:
- See a grid of course cards by opening the web application.
- A "Like" button, an image, and comprehensive course details are all displayed on each cards.
-
Navigate Categories:
- Utilize the navigation buttons located at the top to filter courses by category.
- Choose from a diverse range of categories, including Development, Business, Design, and Lifestyle.
-
Interactive "Like" Button:
- A toast notification indicating whether or not the course has been liked or disliked will appear when you click the "Like" button on a course card.