Day 10 of building my Medi App with Flutter π
Today, I developed the Profile Screen, completing the final screen of my 10-day Medi App development series.
Focused on creating a clean and organized space for users to manage their profile and account information.
Day 10 completed. 10-day series completed! ππ»
Build With M Haseeb
β‘ Turning ideas into apps
π» Flutter β’ Dart β’ Development
π― Learning. Building. Improving.
π Follow the journey
Day 9/10 β Building the Notification Screen ππ±
Day 9 of building my Medi App with Flutter π
Today, I created the Notification Screen to keep users updated with important app activities, reminders, and appointment-related information.
Focused on a clean and organized UI for a better user experience.
Day 9 completed. 1 more to go. π»π₯
Day 8 of building my Medi App with Flutter π
Today, I created the Diseases section, where users can explore different diseases and access relevant health information through a clean and organized interface.
Focused on making the section simple, informative, and easy to navigate.
Day 8 completed. 2 more to go. π»π₯
Day 7/10 β Building Medi App with Flutter π
Today, I built the Pharmacy Screen, allowing users to browse medicines and explore the pharmacy section within the Medi App.
Focused on creating a clean, simple, and user-friendly interface while keeping the design consistent with the rest of the app.
Day 7 completed. 3 more to go. π»π₯
Day 5/10 β Building Medi App with Flutter π
Today, I built the complete Clinic Visit booking flow, taking the user through the appointment process step by step.
The flow includes:
1. π₯ Choose Service β Cardiac, Orthopedics, etc.
2. π¨ Select Hospital
3. π¨ββοΈ Select Doctor
4. π€ Choose Patient
5. π
Book Appointment
6. π³ Payment
7. β
Appointment Booked confirmation message
The goal was to make the booking process simple, structured, and easy to follow for users.
Another major feature completed in the Medi App. π»π₯
Day 5 completed. 5 more to go.
Today, I built the Home Screen of the Medi App and brought together the main features users can access from one place.
The Home Screen includes:
β’ Clinic Visit
β’ Home Visit
β’ Video Consultation
β’ Pharmacy
β’ Diseases
β’ COVID-19 section
β’ Medical Departments
β’ Top Hospitals
β’ Bottom navigation
Day 2/10 β Building Medi App with Flutter π
Today, I continued developing the Medi App by creating the Login and Registration screens in Flutter.
For Day 2, I focused on:
β’ Login screen UI
β’ Registration screen UI
β’ Form fields and input design
β’ Password fields and user interactions
β’ Maintaining a consistent design across the app
Slowly turning the idea into a complete mobile application, one screen at a time.
Day 2 completed. 8 more to go. π»π₯
Click here to claim your Sponsored Listing.
Location
Website
Address
Leeds