A new E-commerce Flutter application. In the first part of our complete e-commerce app, we show you how you can create a nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter. Then on the second episode, we build a Sign in, Forgot Password screen with a custom error indicator. The third Episode contains Sign Up and OTP screen. The fourth episode is the most exciting episode because we build our home page on this episode than on the fifth episode we work on our product page, last not least on the 6th episode we build an order screen which has some cool stuff like swipe to remove. At the end 7th episode we build a profile screen.
- Download Android studio using that link https://developer.android.com/studio
- Install flutter https://flutter.dev/docs/get-started/install follow the configuration steps mentioned carefully
- Clone the repo https://github.com/BasmalaMagdy/software-project.git
- Open existing project "flutter_app"
- Open the terminal and run the following commands:
flutter clean
flutter pub get - Then run an emulator to run the project
- Open the terminal and run the command:
flutter run
=> Login
=> Sign Up
=> Forgot Password
=> Home page
=> Profile
=> Edit profile
=> Category
=> Product Details
=> Order
=> Cart
=> Wishlist
=> Seller preview his products
=> Add product
Start page | Start page | Start page |
---|---|---|
Sign Up | Customer sign up | Seller sign up |
---|---|---|
Sign In | Forget Password |
---|---|
HomePage | Category | Product Detail Page |
---|---|---|
Review & comments | Cart | Side menue |
---|---|---|
Profile | Edit Profile | About |
---|---|---|
Seller Home page | Add product | Add product |
---|---|---|
lib
│───main.dart
|
│───models
│ │──category.dart
| │──user.dart
| └──product.dart
│───pages
| │──Home.dart
| │──about.dart
| │──cart.dart
| │──category.dart
| │──comment.dart
| │──createpage.dart
| │──product_view.dart
| │──profile.dart
| │──profile1.dart
| │──test.dart
| └──Seller.dart
│───servecs
| └──database.dart
└───components
│──cart_item.dart
|──constants.dart
|──Horizontal_listview.dart
|──Product_card.dart
|──Products.dart
│──Search.dart
└──Sidemene.dart