Gravity - Reimagine Hostel Living
Gravity is an Hostel Management System designed to improve experiance with the help of AI, Student can track their attendence, Records, Fees, Vouchers not only through UI but also with AI.
Technologies Used
- Next.js
- MongoDB
- Gemini AI
- TypeScript
- Tailwind CSS
- Shadcn UI
- Mongoose
- React Hook Form
- Zod
- Json Web Token (JWT)
Features
- An AI chatbot for easy and quick interaction.
- Secure login and access control for users.
- Real-time attendance tracking.
- Simple and organized fee management.
- Easy voucher creation and management.
- Responsive design for all screen sizes.
Lets Understand
This website has mainly three Portions
- Public
- Student
- Admin
Public Portion
The public portion allows users to access
- Ask AI: Users can interact with an AI chatbot to get information about the hostel and its services.
- FAQs: A section dedicated to frequently asked questions to help users find answers quickly.
- Contact: A contact form for users to reach out for inquiries or support.
- Pricing: Information about the pricing plans for hostel services.
Student Portion
The student portion is designed for hostel students to manage their attendance, view records, pay fees, see vouchers can complaint and Question AI based on their data.
Oh! btw if you're going to login then use these credientials
-
Dashboard: A personalized dashboard for students to view their information at a glance. And yes we do support light mode but I love 🖤 dark mode
-
Attendance: A section for students to track their attendance records.
-
Fees: A feature that allows students to view their hostel fees.
-
Notifications: Students can receive important updates and notifications.
-
Comlaints: Students can lodge complaints regarding hostel facilities.
-
AI Assistant: Lastly my Loving section AI assistant that helps students with their queries related to their data.
Admin Portion
The admin portion is for hostel administrators to manage students, attendance, fees, vouchers but we don't have AI assistant for admin.
Credientials
-
Dashboard: An overview of hostel operations and statistics. If you just type name saif and then see the magic.
-
Student Details: A section to manage student information and records.
and when we click on eye icon then it show that student details.
-
Room: Manage room allocations and availability and also if we click on view detail then it shows specific room details. And we can also create a new room through that top button
-
Register Student: Register Student is used to register new students and the best part is that we are also storing data in the localstorage so even you open it after a few days or you refresh it still your data will be saved.
-
Attendance: Manage and track student attendance we have two situations here first when attendance is not marked then there is an orange dot as you can see in the image
and second when attendance is marked then there is a green dot as and button text is changed to update attendance
-
Notifications: Send important updates and notifications to all students or a particular student.
-
Vouchers: Create and manage vouchers for students. Right now this months vouchers are done that that is why you are not able to see the create voucher button. and similarly you can generate vouchers for all student or for a particular student.
-
Complaints: View and address student complaints regarding hostel facilities.
Best Part
This is an open source project so you can access code here and its live demo is here
How can i use it
- First you must have git installed on your system.
- Then you can clone the repository using the following command:
- Navigate to the project directory:
- Install the dependencies:
- Set up your environment variables. Create a .env file in the root directory and add the necessary variables (you can refer to .env.example for guidance).
- Start the development server:
- Open your browser and navigate to http://localhost:3000 to view the application