Scribd
Upload
5 views

Assignment_ Flutter (2)

Uploaded by

Aman Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

Assignment_ Flutter (2)

Uploaded by

Aman Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment: Flutter Mobile App Development from Figma Designs

Objective

Create a Flutter application based on the provided Figma designs, ensuring responsiveness and
functionality.

Assignment Steps

1. Figma Design Implementation

● Analyze the Figma design and understand the structure of the screens provided.
● Focus on the Platters, Item Selection, Fill Details, and Order Review screens.
● Replicate the screens in Flutter as closely as possible, ensuring the UI aligns with the design
specifications.

2. Responsiveness

● Ensure your implementation is fully responsive:


○ The UI should adapt seamlessly to different screen sizes.

3. Dynamic Pricing Behavior

● Implement the dynamic pricing feature:


○ Use the provided logic: Minimum value: ₹189; Maximum value: ₹299.
○ As the number of guests increases, adjust the price dynamically (use a simple linear
decrement function for demonstration).

4. Animations and Movements

● Implement the following animations:


○ Smooth page transitions between the screens (e.g., SlideTransition or FadeTransition
in Flutter).
○ Animations for adding/removing items from the selected platters.
○

6. Validation and Final Touches

● Validate all user inputs, such as:


○ Total guests should not exceed the maximum limit (1500 as per the design).
● Ensure buttons and actions are fully functional.

Deliverables

1. Source Code: Provide the complete Flutter project folder.


2. Demo Video:
○ Showcase the app running on at least three device simulators.
○ Demonstrate responsiveness, dynamic pricing, animations.
3. Code Comments:
○ Ensure your code is well-structured and includes comments to explain major
functionalities.
Evaluation Criteria

1. Design Fidelity:
○ Does the app closely resemble the Figma design?
○ Are the screens pixel-perfect?
2. Functionality:
○ Does the dynamic pricing work as expected?
3. Responsiveness:
○ Does the app maintain a consistent appearance across various screen sizes?
4. Animations:
○ Are the transitions and movements smooth and visually appealing?
5. Code Quality:
○ Is the code clean, readable, and maintainable?

Notes

● Figma
Design:https://www.figma.com/design/VebfUm70gaotnKb6IWldLT/Assignment?node-id=12-10
62&t=RhFAFyuqGNj8nU1S-4

● Note: These designs are the product of our creativity and innovation, carefully crafted
to test your skills and reveal your thought process. Your approach to this challenge
will give us valuable insights into your problem-solving capabilities, your attention to
detail, and your commitment to delivering quality. Use this opportunity to demonstrate
your proficiency, passion, and originality. Good luck!

You might also like