CollegeSite

Collegesite

A PostgreSQL-backed college management system with SvelteKit-powered interactive views for educators and students. Features include grade tracking, course registration, and prioritized UX & accessibility.

College Tracking System πŸŽ“

The College Tracking System is a project aimed at enhancing the educational experience by providing a comprehensive platform for students and educators to manage courses, assignments, grades, and communication effectively. The system was conceived to address the limitations of existing college websites and to cater to the diverse needs of the academic community.

Motivation πŸš€

The motivation behind the College Tracking System project stemmed from the realization that the existing website of my local college was insufficient and lacked essential features. To address this, I set out to create a more functional platform that would cater to the needs of both students and educators. The primary objectives included:

Student Features:

  • Assignment Tracker: Allow students to view upcoming assignments, deadlines, and submission status.
  • Attendance Monitoring: Implement a feature for students to track their attendance in classes.
  • Grade Analysis: Provide detailed analytics on their grades, including trends, improvement areas, and comparisons with peers.
  • Anonymous Feedback Forms: Implement a feature that allows students to provide anonymous feedback on courses, teaching methods, and overall learning experiences.

Staff Features:

  • Course Management: Enable staff to manage and update course materials, syllabi, and related resources.
  • Performance Analytics: Provide insights into class performance, average grades, and areas for improvement.
  • Communication Tools: Implement tools for staff to easily communicate announcements, assignments, and updates to students.
  • Customizable Alerts: Allow users to customize notification preferences based on their priorities.
  • Event Reminders: Set automatic reminders for important events, deadlines, and academic milestones.

Accessibility and Inclusivity:

  • Multi-language Support: Provide language options to cater to a diverse student population which is mostly Arabic or English.
  • Accessible Design: Ensure the platform is accessible to users with disabilities, following web accessibility (a11y) standards.

Integration with External Services:

  • Calendar Integration: Integrate with popular calendar applications to sync class schedules and events.
  • LMS Integration: Connect with Learning Management Systems for seamless data transfer and resource sharing.

Backend Architecture πŸ’»

The backend architecture employs a modern and scalable approach, leveraging PostgreSQL as the relational database management system. Prisma acts as the ORM, facilitating seamless communication between the Node.js server and the database. The server-side logic is implemented using TypeScript to enhance type safety and code clarity.

Frontend 🎨

The frontend of the College Tracking System is built using Svelte/SvelteKit, providing a reactive and efficient user interface. Tailwind CSS is utilized for styling, following a utility-first approach for consistent and customizable designs. Chart.js is integrated for data visualization, offering versatile charting options.

Deployment ☁️

The College Tracking System is deployed on Vercel, leveraging its serverless architecture for optimal performance and scalability. Vercel's global CDN ensures fast content delivery worldwide, while its seamless integration with Git simplifies the deployment process. Prerendering and static site generation (SSG) are utilized for improved loading times and user experience.

Project Status πŸ“Š

The College Tracking System, while not fully realized due to the university’s decision to opt for a software company, stands as a testament to the valuable learning experiences gained throughout its development. The project is accessible for exploration and learning, serving as a foundation for future endeavors in software engineering.

Getting Started πŸš€

To get started with the College Tracking System, follow these steps:

  1. Clone the repository: git clone https://github.com/Elweday/CollegeSite.git
  2. Install dependencies: cd CollegeSite && pnpm install
  3. Set up the backend and database according to the instructions provided in the backend/README.md file.
  4. Set up the frontend environment and configurations as described in the frontend/README.md file.
  5. Deploy the application to Vercel using your preferred deployment method.

Contributing 🀝

Contributions to the College Tracking System project are welcome! If you'd like to contribute, please follow these guidelines:

  • Fork the repository.
  • Create a new branch: git checkout -b feature/my-feature.
  • Commit your changes: git commit -am 'Add new feature'.
  • Push to the branch: git push origin feature/my-feature.
  • Submit a pull request.

License πŸ“

This project is licensed under the MIT License.

Acknowledgements πŸ™

Special thanks to Skeleton UI for providing an amazing UI framework and Chart.js for versatile charting capabilities.

Top categories

Loading Svelte Themes