đź›’ Sprints Assesment
A fully functional Shopping Mobile Application built with Flutter and Dart, developed as part of the Sprints Assessment Final Project.
đź“– Project Overview
This project demonstrates the full lifecycle of mobile app development with Flutter — from Dart fundamentals to advanced UI, navigation, and localization.
The app includes:
- A beautiful welcome screen with local and online images, styled text, and navigation buttons.
- Sign Up / Sign In forms with validation and success dialogs.
- Smooth animated transitions between pages.
- A Shopping Home Screen with featured products, a responsive product grid, and hot offers.
- SnackBar feedback for cart actions.
This project is designed to simulate real-world mobile development workflows, emphasising clean code, reusability, and best practices.
đź› Packages Used
- email_validator → Email validator doesn't only check for the presense of '@' in email string but also it makes sure that email is in the standard format: 'string@string.string'
- smooth_page_indicator → Used it in home screen to apply page indicators just like sample UI provided.
📱 Features
1. Welcome Screen
- AppBar with custom font (Suwannaphum-Regular).
- Two images: one local and one online (retrieved from picsum).
- Styled, centred text with bold and colour.
- Buttons: Sign Up and Sign In.
2. User Authentication
Sign-Up Form:
- Fields: Full Name (each name must be capitalised), Email (validated by email_validator), Password (≥6 chars), Confirm Password (match required).
- Success: CupertinoDialog → “Account created successfully”.
Sign-In Form:
- Fields: Email & Password validation.
- Success: CupertinoDialog → “Account sign-in successfully”.
3. Smooth Transitions
- Fade animation between Sign-Up/Sign-In and Home screen.
4. Shopping Home Screen
- AppBar: Our Products.
- Horizontal PageView: Featured products.
- Responsive GridView: Product cards with:
- Image
- Title
- Add to Cart (SnackBar confirmation).
- Hot Offers section:
- Vertical scroll with
ListView.builder. - Image + description in each item.
- Vertical scroll with
Setup Instructions
1: Clone the repository
2: Install dependencies
- flutter pub get
3: Run the app
- flutter run
Screenshots
| Welcome Screen | Sign up screen | Sign in screen |
|---|---|---|
![]() |
![]() |
![]() |
| Sign Up Validation in Action | Cupertino Alert Dialog after Successful Sign Up |
|---|---|
![]() |
![]() |
| sign in password < 6 chars | sign in empty fields |
|---|---|
![]() |
![]() |
| Home Screen Screenshot 1 | Home Screen Screenshot 2 | Home Screen Screenshot 3 |
|---|---|---|
![]() |
![]() |
![]() |
On this page
Languages
Dart94.2%Ruby3.6%Swift1.7%Kotlin0.3%Objective-C0.1%
Contributors
Created August 21, 2025
Updated August 23, 2025









