A modern, responsive college portal built for MITS IEEE, designed with a clean and minimal user interface. The project focuses on usability, scalability, and a structured frontend architecture using React.
This portal serves as a centralized platform for students to access important academic and organizational information such as announcements, events, and resources.
- Clean and modern homepage
- Announcements / Notices section
- Events and updates
- Structured and reusable components
- Responsive design for all screen sizes
- Scalable frontend architecture
The project follows a modern clean UI theme to ensure clarity, accessibility, and a professional look.
| Role | Color Code | Usage |
|---|---|---|
| Primary | #2563EB | Buttons, links, highlights |
| Background | #F8FAFC | Main background |
| Accent | #06B6D4 | Hover effects, secondary actions |
| Text | #0F172A | Headings, main text |
| Card BG | #FFFFFF | Cards and sections |
- Frontend: React.js
- Styling: Custom CSS
- Routing: React Router
src/ │── components/ # Reusable UI components │── pages/ # Main pages (Home, Events, etc.) │── assets/ # Images and icons │── styles/ # CSS files │── App.js │── index.js
- Clone the repository
git clone https://github.com/Enigma044/MITS_PORTAL_IEEE.git
- Navigate to the project directory
cd MITS_PORTAL_IEEE
- Install dependencies
npm install
- Run the development server
npm start
- Maintain consistent spacing and layout
- Use a limited color palette for better UI clarity
- Ensure proper contrast for readability
- Follow component-based structure
- Student authentication system
- Admin dashboard
- Backend integration
- Notification system
This project is open-source and available under the MIT License.