https://github.com/raofin/uniportal

UniPortal is a modern university student portal developed using the HeroUI library, HeroUI Chat, and Visual Studio Code. Its sleek, visually appealing, animation-rich, and fully responsive interface ensures a seamless user experience.
https://github.com/raofin/uniportal

hackathon heroui

Last synced: 3 months ago
JSON representation

UniPortal is a modern university student portal developed using the HeroUI library, HeroUI Chat, and Visual Studio Code. Its sleek, visually appealing, animation-rich, and fully responsive interface ensures a seamless user experience.

• Host: GitHub
• URL: https://github.com/raofin/uniportal
• Owner: Raofin
• License: mit
• Created: 2025-05-16T20:46:12.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2025-06-02T01:07:08.000Z (4 months ago)
• Last Synced: 2025-06-02T10:44:37.632Z (4 months ago)
• Topics: hackathon, heroui
• Language: TypeScript
• Homepage: https://uniportal.rawfin.net
• Size: 12.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# UniPortal

UniPortal is a modern, visually appealing student portal designed to support university students in their daily academic life. With a clean, responsive design and smooth animations, it offers a seamless experience across devices.

> *🏁 Developed as a submission for the HeroUI Hackathon.*

## Features

📱 Fully Responsive Design 


🎨 Modern & Clean UI 


📚 Course Management & Assignment Tracking 


📅 Calendar Integration & Academic Timeline 


💬 Chat & Smart Inbox 


📝 Note & File Upload 


🔔 Profile & Notifications 


🌙 Light & Dark Mode Support

## Video

### [youtu.be/0WgNAVap8Ws](https://youtu.be/0WgNAVap8Ws)

## Tech Stack

- React

- TypeScript

- HeroUI

- HeroUI Chat

- Tailwind CSS

- Framer Motion

- Vite

## Getting Started

1. Clone the repository:

```bash

git clone https://github.com/raofin/UniPortal.git

```

2. Install dependencies:

```bash

cd uniportal

npm install

```

3. Start the development server:

```bash

npm run dev

```

4. Open [http://localhost:5173](http://localhost:5173) in your browser.

## Screenshots

### Desktop Views

![Screenshot 1](assets/01.png)

![Screenshot 1w](assets/01w.png)

![Screenshot 2](assets/02.png)

![Screenshot 3](assets/03.png)

![Screenshot 4](assets/04.png)

![Screenshot 5](assets/05.png)

![Screenshot 6](assets/06.png)

![Screenshot 7](assets/07.png)

![Screenshot 8](assets/08.png)

![Screenshot 9](assets/09.png)

![Screenshot 10](assets/10.png)

![Screenshot 11](assets/11.png)

![Screenshot 12](assets/12.png)

### Mobile Views



  

  

  





  

  

  





  

  

  



## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.