M-Apps Club Website

A responsive website for the M-Apps Club with features for both students and administrators.

Features

Public Pages

• Responsive landing page with club vision, mission, members, and achievements
• Events page displaying past and upcoming events
• Authentication system with login/signup functionality

Student Dashboard

• Overview of projects, certificates, and events
• Project listings with application functionality
• Certificate system with verification and download capability
• Ability to claim certificates by uploading photos or providing feedback

Admin Dashboard

• Manage events, projects, and members
• Certificate management system with customizable templates
• Analytics and reporting features

Technologies Used

• HTML5, CSS3, JavaScript
• Bootstrap 5 for responsive design
• Font Awesome for icons

Getting Started

1. Clone this repository
2. Open index.html in your browser
3. Navigate through the website using the navigation bar
4. Test login functionality using:
   • Student: any email (not containing "admin")
   • Admin: any email containing "admin"

Responsive Design

• The website is optimized for mobile, tablet, and desktop views
• Includes a responsive navigation system
• Uses Bootstrap grid system and components

File Structure

• index.html - Landing page
• events.html - Events listing page
• login.html - Authentication page
• student-dashboard.html - Student dashboard
• student-certificates.html - Certificate management for students
• admin-dashboard.html - Admin dashboard
• styles/ - CSS files
• js/ - JavaScript files

Browser Compatibility

• Chrome, Firefox, Safari, Edge (latest versions)
• Mobile browsers on iOS and Android