School Website Project

This is a web-based platform designed for a school to showcase all its information, including details about curriculum, extracurricular activities, club offerings, exam patterns, and more. The website is designed with an emphasis on user-friendly navigation and a professional design, making it easy for visitors to access relevant school details.

Features

• Home Page: Overview of the school with featured sections like admission, sports, principal's desk, and events.
• Curriculum Page: Displays curriculum details for classes ranging from pre-primary to class 7.
• Exam Page: Information on the exam pattern, rules, and regulations.
• Extracurricular Activities: A list of activities provided outside of standard classes and sports.
• Clubs Page: Details about various clubs the school offers for students up to class 7.
• Fee Structure: A comprehensive breakdown of the fee structure for all grades.
• Become a Franchise: A form for those interested in applying for a franchise.
• Franchise Information: Detailed information about the rules and regulations for becoming a franchisee.
• View Disclosure: A collection of official school documents including certificates, affiliations, and recognition.

Technologies Used

• React: Frontend framework to build the user interface.
• Tailwind CSS: A utility-first CSS framework to style the website.
• React Router: For navigation and routing between different sections and pages of the website.
• HTML5: Structure and semantic content.
• CSS3: Styling and layout.
• JavaScript: To make the site interactive and dynamic.

Folder Structure

/src /components - Header.js - Footer.js - Hero.js - WhyTAS.js - AdmissionSection.js - EventsGrid.js - Curriculum.js - Exam.js - Extracurricular.js - Clubs.js - FeeStructure.js - BecomeaFranchise.js - FranchiseInformation.js - ViewDisclosure.js /ui - FloatingDock.js /assets - Images - Documents

App.js index.js tailwind.config.js package.json README.md

Installation

To set up and run this project locally, follow these steps:

Prerequisites

Make sure you have the following installed:

• Node.js: Install Node.js
• npm or yarn: npm comes bundled with Node.js. You can also use yarn if preferred.

Steps

1. Clone the repository:

   git clone https://github.com/your-username/school-website.git
   

Key Sections:

1. Project Overview: Description of the project and the main features.
2. Technologies Used: Lists technologies and frameworks used in the project, such as React and Tailwind CSS.
3. Folder Structure: Describes the folder and file layout of the project.
4. Installation: Step-by-step instructions for setting up the project locally.
5. Customization: Instructions on how to modify or extend the project.
6. Contributing: Information on how others can contribute to the project.
7. License: The license under which the project is distributed.
8. Contact Information: Provides ways to contact or follow the project.

This README provides an overview and useful instructions for anyone working with or looking to understand the project. Let me know if you need to adjust or add anything!