felipecastrosales/fludemy

技术话题

# udemy # udemyclone # flutter # flutter-clone # flutter-challenge # flutter-responsive # dart # devicepreview # flutter-ui # flutter-material # udemy-course # udemy-tutorial # flutter-widget # danielciolfi # flutterando # flutter-apps # flutter-desktop # flutterweb # fluttter-web # pwa

使用的依赖

依赖清单 9 项

auto_size_text^3.0.0
cupertino_icons^1.0.8
device_preview^1.2.0
effective_dart^1.3.2
flutter{"sdk":"flutter"}
flutter_svg^2.0.10+1
flutter_lints开发依赖^4.0.0
flutter_test开发依赖{"sdk":"flutter"}
integration_test开发依赖{"sdk":"flutter"}

App 分类

教育

原始 README

以下为英文项目原文快照，最新内容请访问 GitHub。

展开 / 收起项目 README

FLUdemy Logo

FLUdemy 🤓

About 📖

A simple and awesome Udemy Clone made with Flutter, using sensational Responsiveness Techniques.
A clone made for study and learning, and I'm sure I acquired too much in this project.
If you want to learn how to do a similar one, access the course: Responsiveness in the Flutter | Mobile, Tablet, Web e Desktop, of which I am a teaching instructor! I hope you enjoy!

Preview 📱

I don't put a cool gif example (at least until now), because the gif I produced was bigger than the 10MB allowed by GitHub. But you can try it live!

See in best quality:

LIVE ON Firebase Hosting

GIF

MP4

Functionalities 🛠️

With just one code you can generate applications for:
- Mobile 📱
- Tablets 📱
- Web 💻
- Desktop 🖥️
With this project, you can see a simple and practical example of how it works 😏

Challenges and Learnings along the way 🤯

This was my first experience generating such an application with Flutter, with Total Responsiveness, adapting to all types of screens possible, using the super amazing DevicePreview package, among others experiencies that I contained, it was sensational!
Another challenge I had was to host, and I decided to do this with Firebase Hosting, which is very simple and practical to do. But for me, I had some extra problems, which took me hours and hours to understand, solve, and reach a final conclusion. In the end, luckily and as expected, everything went well!
It's a simple and basic, but I learned a lot about Responsiveness!!! 📱💻🖥

How to Use 🤔

First of all, correctly configure the Flutter Web development environment on your machine, see https://flutter.dev/web

- Clone this repository:
$ git clone https://github.com/felipecastrosales/fludemy fludemy

- Enter in directory:
$ cd fludemy

- For install dependencies:
$ flutter pub get

- Run the app: 
$ flutter run

How to Contribute 💪

- Fork the project 

- Create a new branch with your changes:
$ git checkout -b my-feature

- Save your changes and create a commit message telling you what you did:
$ git commit -m "feature: My new feature"

- Submit your changes:
$ git push origin my-feature

This project was developed with ❤️ by @Felipe Sales, with the instructor @Daniel Ciolfi, in the course "Responsividade no Flutter | Mobile, Tablet, Web e Desktop" on Udemy.
If it helped you, give ⭐, contribute, it will help me too 😉

Linkedin Badge