A premium digital platform dedicated to the 37th batch of Electrical Engineering at Sudan University of Science and Technology. This application serves as a central hub for memories, academic resources, and batch documentation, built with a "Golden Blueprint" aesthetic that reflects the prestige of the engineering profession.
- The Survey (سجل ذكرياتك): A digital guestbook for batch mates to leave their mark, share memories, and write comments.
- Gallery (معرض الذكريات): A curated collection of photos and moments from our university years.
- Academic Library (المكتبة الأكاديمية): A resource center for references, lectures, and academic materials.
- Premium Design: Featuring a "Golden Blueprint" theme with dark navy backgrounds, gold accents, and fluid animations.
This project is built using the T3 Stack, maximizing type safety and developer experience.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS + Styled Layouts
- Database: Drizzle ORM with PostgreSQL
- API: tRPC for end-to-end type safety
- UI/UX: Framer Motion for animations, Lucide for icons
- Node.js 18+
- pnpm (recommended) or npm/yarn
- A PostgreSQL database (local or hosted)
-
Clone the repository
git clone https://github.com/kamkmgamer/ee37.git cd ee37 -
Install dependencies
pnpm install
-
Environment Setup Copy the example environment file and update your database credentials.
cp .env.example .env
Update
DATABASE_URLin.envwith your PostgreSQL connection string. -
Database Migration Push the schema to your database.
pnpm db:push
-
Run Development Server
pnpm dev
Open http://localhost:3000 to view the app.
src/app: Next.js App Router pages and layouts.src/server: Backend logic including tRPC routers and Drizzle schema.src/styles: Global CSS and Tailwind configuration updates.public: Static assets.
The UI is built on a custom "Golden Blueprint" palette:
- Midnight Navy:
#0A1628(Primary Background) - Gold:
#D4A853(Primary Accent) - Copper:
#B87333(Secondary Accent) - Paper:
#FAF7F0(Content Background)