Basic website using React Js

• Name- Vatsal Mahajan
• Registration No.- 24BCE10256
• video- drive link

I built a simple yet functional website for the Mozilla Firefox Club using React.js and React Router DOM. This project showcases my growing expertise in web development, particularly in creating seamless navigation and structured layouts.

Key Features & Technologies:

• Built with React.js for a dynamic and efficient user experience.

• React Router DOM is used for smooth navigation across different pages.

• A consistent navbar that appears across all routes, providing easy access to:

• • VIT Logo – Represents the identity of our college.
• • Home – The landing page with a carousel..
• • Events – A section showcasing information about events.
• • About Us – Information about the club’s mission and vision.
• • Community – A space for members to connect and engage.

Home Page

While keeping things simple, I incorporated key element that provide value to visitors.

Carousel for Visual Appeal

A carousel component is featured on the home page, making it more dynamic and engaging. It could display:

● Highlights of past and upcoming club events

● Announcements or important Mozilla initiatives

● Inspirational quotes or fun facts related to open-source contributions

Events page-

The Events section of the Mozilla Firefox Club website serves as a hub for all club-related activities, helping members and visitors stay informed about upcoming and past events. This page is designed to be interactive, informative, and easy to navigate, ensuring that users never miss out on exciting opportunities!

About Us-

The About Us page of the Mozilla Firefox Club website provides a clear and engaging overview of the club. It features a well-structured layout with sections detailing the club’s history, purpose, and activities.

Community-

The Community page of the Mozilla Firefox Club website is a simple yet essential space that helps members stay connected through various platforms. It provides direct links to the club’s official social media handles, making it easy for students to engage with updates, discussions, and opportunities.

Resource Section:

Help taken from:

1. React Router by Hitesh Choudhary – A fundamental library crash course video for navigation in React apps.
2. React Crash Course by Hitesh Choudhary- This course provide very good explanation
3. Of react.
4. Harkirat Singh’s Web-Dev Cohort- I learned the technologies used in M