ZONY Campus Frontend 🚀

Welcome to ZONY Campus - A Smart Campus Management System built with Angular! This modern, intuitive platform streamlines campus administration, student management, and academic processes through a responsive web application.

🌟 Features

• 🔐 Secure Authentication: Robust user authentication and profile management
• 📊 Admin Dashboard: Comprehensive tools for campus resource management
• 👥 Role-Based Access: Tailored interfaces for students, faculty, and administrators
• 🔔 Real-Time Updates: Instant notifications for campus events and changes
• 📱 Responsive Design: Seamless experience across all devices
• 🎨 Modern UI/UX: Built with Bootstrap and TailwindCSS for optimal user experience

📦 Installation

1. Clone the repository

   git clone https://github.com/Chathupachamika/ZONY_Campus-frontend.git
   cd ZONY_Campus-frontend

2. Install dependencies

   npm install

3. Start the development server

   ng serve

   Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

🛠️ Development Tools

• Code Generation

  ng generate component component-name
  ng generate directive|pipe|service|class|guard|interface|enum|module

• Build

  ng build

  Build artifacts will be stored in the dist/ directory.

• Testing

  ng test    # Run unit tests via Karma
  ng e2e     # Run end-to-end tests

🔧 Tech Stack

• Frontend Framework: Angular (v18.2.9)
• Language: TypeScript
• Styling: SCSS, Bootstrap, TailwindCSS
• State Management: NgRx
• Testing: Karma

📂 Project Structure

ZONY_Campus-frontend/
├── src/
│   ├── app/
│   │   ├── components/
│   │   ├── services/
│   │   ├── guards/
│   │   ├── models/
│   │   └── shared/
│   ├── assets/
│   ├── environments/
│   └── styles/
├── e2e/
├── angular.json
└── package.json

🔒 Security Features

• JWT-based authentication
• Role-based access control
• Secure API communication
• Session management
• Input validation and sanitization

🚀 Key Modules

• User Management: Authentication, profile management, and role-based access
• Dashboard: Analytics, reports, and administrative controls
• Resource Management: Classroom allocation, equipment tracking
• Communication: Notifications, announcements, and messaging
• Academic Tools: Course management, scheduling, and grades

📚 Documentation

For more detailed information:

• Angular CLI Documentation
• Project Documentation
• API Reference

🤝 Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📜 License

This project is licensed under the MIT License.

📧 Support

For support and queries, please contact:

• Email: your-email@example.com
• Issue Tracker: GitHub Issues

---

Made with ❤️ by the Chathupa Chamika