A modern, sleek web application that provides a better alternative to the traditional SRM Portal for managing academic information.

• Timetable Management - View and manage your class schedule
• Attendance Tracking - Monitor your attendance records
• Course Information - Access detailed course materials and information
• Marks & Grades - View your academic performance
• Calendar Integration - Academic calendar with important dates
• Profile Management - Personal academic profile
• Secure Authentication - Safe login and logout functionality
• Responsive Design - Works seamlessly on desktop and mobile devices
• Modern UI/UX - Clean, intuitive interface with smooth animations

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS v4
• State Management: Zustand
• Data Fetching: TanStack Query (React Query)
• Icons: Lucide React & React Icons
• API: srm-academia-api package
• Authentication: Cookie-based auth with js-cookie
• Development: ESLint, Turbopack

1. Clone the repository

   git clone https://github.com/jackwaghan/academiax.git
   cd academiax

2. Install dependencies

   bun install

3. Run the development server

   bun dev

4. Open your browser Navigate to http://localhost:3000 to see the application.

academiax/
├── src/
│   ├── app/                    # Next.js App Router
│   │   ├── app/               # Main application routes
│   │   │   ├── attendance/    # Attendance tracking
│   │   │   ├── calendar/      # Academic calendar
│   │   │   ├── course/        # Course information
│   │   │   ├── marks/         # Grades and marks
│   │   │   ├── profile/       # User profile
│   │   │   ├── timetable/     # Class schedule
│   │   │   └── components/    # Shared components
│   │   ├── auth/              # Authentication pages
│   │   └── components/        # Global components
│   ├── hooks/                 # Custom React hooks
│   ├── server/                # Server actions
│   └── utils/                 # Utility functions
├── public/                    # Static assets
└── package.json              # Dependencies and scripts

• Clean interface that replaces the traditional SRM Portal
• Real-time data updates with React Query
• Responsive design that works on all devices

• Timetable: View your daily class schedule with ease
• Attendance: Track your attendance percentage across all courses
• Marks: Monitor your academic performance and grades
• Courses: Access detailed course information
• Calendar: Academic calendar with important dates and events
• Profile: Academic Student information

• npm run dev - Start development server with Turbopack
• npm run build - Build the application for production
• npm run start - Start the production server
• npm run lint - Run ESLint for code quality

This application uses the srm-academia-api package to interact with SRM University's backend services. The API provides secure access to:

• Student authentication
• Academic data retrieval
• Real-time updates

This project is licensed under the Creative Commons Attribution 4.0 International License - see the LICENSE-CC-BY-4.0 file for details.

• GitHub Repository: https://github.com/jackwaghan/academiax
• NPM Package: https://www.npmjs.com/package/srm-academia-api
• AcademiaX: https://academiax.in