https://github.com/r100-stack/intro-to-flutter-lewis-capaldi-app
https://github.com/r100-stack/intro-to-flutter-lewis-capaldi-app
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/r100-stack/intro-to-flutter-lewis-capaldi-app
- Owner: r100-stack
- Created: 2020-10-20T14:23:38.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-10-21T21:59:41.000Z (over 4 years ago)
- Last Synced: 2025-01-01T07:08:04.966Z (6 months ago)
- Language: Dart
- Size: 938 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Intro to Flutter - Lewis Capaldi App
Welcome to the [Intro to Flutter event](https://dsc.community.dev/events/details/developer-student-clubs-texas-am-university-presents-introduction-to-flutter-with-dsc-lead/#/) hosted by [DSC Texas A&M](https://dsc.community.dev/texas-am-university/)
Today's session will be a simple UI crash course. The app we'll be making is a Lewis Capaldi app.
### Screenshot
### Structure
* The app has been divided into steps.
* Each step has starter and solution code.
* You can access each code set using the respective branches.
* Also, each step has detailed TODOs along with explanations on why we're doing each TODO.### How to follow this repo?
* Complete the given TODOs in order.
* Compare the starter and solution branches for each step. You can do this on GitHub or in Android Studio/VS Code.[How to compare branches on GitHub](https://docs.github.com/en/free-pro-team@latest/github/committing-changes-to-your-project/comparing-commits#comparing-branches)
[How to compare branches on Android Studio](https://medium.com/better-programming/how-to-use-git-in-android-studio-part-2-93cec67b91b0#:~:text=Go%20to%20%E2%80%9CVSC%E2%80%9D%20%2D%3E,choose%20%E2%80%9CCompare%20with%20current%E2%80%9D.&text=A%20popup%20%E2%80%9CCompare%20feature%20with,to%20commits%2C%20files%20to%20files.)
[How to compare branches on Android Studio](https://stackoverflow.com/a/57833947/11547064)
### Steps
1. Initial setup
![]()
2. Text for Lewis Capaldi's quote![]()
3. Lewis Capaldi's Image![]()
4. Text for name and role![]()
5. Social media icons![]()
6. Buttons for concerts and merch![]()
7. Finishing touches### Skills Learned
* UI crashcourse
* Text
* Image
* NetworkImage
* Column
* Row
* Center
* FlatButton
* IconButton