A modern, responsive faculty directory web application built with React and Vite. This application provides an easy-to-use interface for browsing and searching faculty members with their contact information and details.
- Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
- Search Functionality: Search faculty by name or code using fuzzy search
- Dark/Light Mode: Toggle between dark and light themes
- Pagination: Efficiently browse through faculty members with pagination
- Smooth Animations: Beautiful animations powered by Framer Motion
- Faculty Cards: Clean, card-based layout with faculty photos and information
- Contact Integration: Direct links for phone calls and emails
src/
├── components/
│ ├── FacultyCard.jsx # Individual faculty card component
│ ├── Footer.jsx # Footer component
│ └── SearchBar.jsx # Search input component
├── data/
│ └── faculty.js # Faculty data array
├── App.jsx # Main application component
├── App.css # Application styles
├── index.css # Global styles
└── main.jsx # Application entry point
- Clone the repository
- Install dependencies:
npm install
To start the development server:
npm run devThe application will be available at http://localhost:5173
To build for production:
npm run buildThis project is open-source and available under the MIT License.
You are free to use, modify, and distribute this project, provided that proper credit is given to the contributors.
See the LICENSE file for more details.
We welcome contributions to improve this open-source project! You can contribute by providing updated faculty data, suggesting or fixing UI/UX issues, enhancing the admin panel design, or improving the database structure. To get started, feel free to open an issue or submit a pull request with your ideas and improvements.