REG NO: 222003534 NAMES: Jolie Amandine GIKUNDIRO
Shrine App - Material design Codelabs(MDC-101 TO 104)
INTRODUCTION
This project is part of the MATERIAL DESIGN COMPONENTS (MDC) for Flutter codelabs. The goal is to build Shrine App, an e-commerce app that sells clothing and home goods, while following Material Design principles.
CODELABS IMPLEMENTED
I have successfully completed all four codelabs:
MDC-101 Flutter: Material components basics
-
Developed login screen for Shrine using Material Components.
-
Implemented Textfields for username and password.
-
Added Sign in & Cancel buttons with Material styling.
MDC-102 Flutter: Material structure and layout
-
Implemented a top app bar for navigation.
-
Added a grid layout to display products dynamically.
-
Used Material Cards to showcase products in the UI.
MDC-103 Flutter: Material theming with color, shape, elevation and type
-
Customized the app theme using Material color palette.
-
Adjusted typography to match the design guidelines.
-
Modified elevation and shadows for a better UI experience.
-
Updated the shape of UI elements for a modern look.
MDC-104 Flutter: Material advanced components
-
Added a backdrop menu to improve navigation.
-
Implemented motion effects to enhance UI transitions.
-
Created a menu on the back layer for product filtering.
-
Added a branded icon for better visual identity.
This repository contains four codelabs for Material Components for Flutter.
Codelabs MDC-101 through MDC-104 will guide you through building and integrating one application with MDC-Flutter.
The starter and completed code is in the various branches of this repo.
Visit the Google codelabs site, or codelabs.developers.google.com/codelabs/mdc-104-flutter, to follow along the guided steps.
If you've found an error in this sample, please file an issue on GitHub.
Patches are encouraged, and may be submitted by forking this project and submitting a pull request through GitHub.
Copyright 2018 Google, Inc.
Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.