A modern, responsive Flutter application for educational management, featuring intuitive student, course, and enrollment tracking with a professional UI design and a collapsible sidebar navigation.
- ✅ Modern UI Design – Clean and professional interface with collapsible sidebar navigation for optimal space usage. 🎨
- ✅ Responsive Layout – Optimized for desktops, tablets, and mobile devices with adaptive layouts that adjust automatically. 📱💻
- ✅ Complete Student Management – Register, view, edit, and delete students with comprehensive profile information. 👨🎓
- ✅ Course Catalog – Organize course offerings with details including instructor, price, and comprehensive descriptions. 📚
- ✅ Enrollment Tracking – Monitor which students are enrolled in specific courses with easy-to-navigate reports.
- ✅ Advanced Search – Quickly locate students or courses using the integrated search functionality. 🔍
- ✅ REST API Integration – Seamless backend connectivity through a robust RESTful API service. 🔄
Space-efficient view with collapsed sidebar showing only icons for navigation.
Complete student management interface with search functionality and list view.
Course catalog with detailed information and management options.
Comprehensive view of student enrollments in courses with filtering options.
📚 study-flow
├── .gitignore # Git ignore file for Flutter project
├── README.md # Project documentation
├── pubspec.yaml # Flutter dependencies and project configuration
├── assets/
│ └── logo-studyflow.png # Application logo
├── database/
│ └── schema.sql # SQL schema for database setup
├── api/
│ ├── api.php # PHP file handling API requests
│ └── .htaccess # Configuration file for server rules (Apache)
└── lib/ # Main Dart code directory
├── main.dart # Entry point of the application
├── models/
│ ├── corso.dart # Course model
│ ├── iscrizione.dart # Enrollment model
│ └── studente.dart # Student model
├── screens/
│ ├── corsi_page.dart # Courses management page
│ ├── dashboard_layout.dart # Main dashboard layout
│ ├── home_page.dart # Home welcome page
│ ├── iscrizioni_page.dart # Enrollments page
│ └── studenti_page.dart # Students management page
├── services/
│ └── api_service.dart # REST API integration service
└── widgets/
├── responsive_layout.dart # Responsive design helper
└── sidebar.dart # Collapsible sidebar navigation
- 🎯 Dart – Modern, object-oriented programming language optimized for building UIs, powered by a fast, portable runtime.
- 📱 Flutter – Google's UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase.
- 🌐 RESTful API – Backend communication through a custom API to manage data storage and retrieval.
- 🎨 Google Fonts – Typography enhancement with the Poppins font family for a clean, professional look.
- 📊 Responsive Layout – Custom-built responsive system to ensure optimal experience across all device sizes.
To run this project locally, follow these steps:
-
Ensure Flutter is installed
flutter --version
If not installed, follow the official Flutter installation guide.
-
Clone the repository
git clone https://github.com/tononjacopo/StudyFlow.git
-
Navigate to the project directory
cd studyflow
-
Install dependencies
flutter pub get
-
Run the application
flutter run
For web deployment:
flutter run -d chrome
The application connects to a REST API for data management. Ensure the API is properly configured:
- The API endpoints are defined in
lib/services/api_service.dart
- Default API path is set to
localhost
for development - Modify the API base URL if deploying to production
This project is distributed under the MIT license. You are free to use, modify, and distribute it! 🚀
🔗Leave a ⭐ on GitHub if you found it useful! 😊✨