YoVDO

Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]

Offered By: freeCodeCamp

Tags

Flutter Courses Mobile Development Courses Javascript Courses Dart Courses Node.Js Courses MongoDB Courses REST APIs Courses Mongoose Courses Full Stack Development Courses

Course Description

Overview

Embark on an extensive 11-hour tutorial to build a full-stack e-commerce app mirroring Amazon's functionality. Develop the front-end using Flutter and the back-end with Node.js, Express, MongoDB, and Mongoose. Master UI creation, REST API implementation, data storage in MongoDB, Flutter state management with Provider, and cross-platform app development for Android and iOS. Progress through a comprehensive curriculum covering project setup, authentication, product management, shopping cart functionality, payment integration, order processing, and admin features. Gain hands-on experience with user interfaces, server-side programming, database operations, and deployment strategies. By the end, acquire the skills to create a robust, scalable e-commerce platform from scratch.

Syllabus

) Introduction & Demo.
) Setting Up The Flutter Project.
) Setting Up Themes.
) Folder Structure.
) Setting Up Routes.
) Auth Screen UI.
) What is Node.js.
) Node.js Installation.
) Initialising Node.
) First Node.js Script.
) NPM & Dependencies.
) Creating Server.
) Nodemon.
) Create your First API.
) Exercise 1: Create GET API.
) Solution 1.
) Routers.
) Middleware.
) Sign up Route.
) Connecting to MongoDB.
) Creating User Model.
) Sign up Route cntd.
) Connecting Sign Up Route With Client Side.
) Adding TextField & Form Validator.
) Sign In Route / Exercise 2.
) Creating Sign In Route (Solution 2).
) Connecting Sign In Route with Client Side.
) Persisting State.
) Creating BottomNavBar.
) Account Screen UI.
) Home Screen UI.
) Admin Screen BottomNavBar.
) Add Product Screen UI.
) Picking Images.
) Admin - Selling Product .
) Create Admin Middleware / Exercise.
) Solution.
) Sell Product Contd..
) Admin - Fetching & Displaying All Products.
) Admin - Deleting Product.
) Self Exercise (Add Product Realtime).
) Getting & Displaying Products Based on Category.
) Searching & Displaying Products.
) Optional Exercise (Creating Search Product API).
) Product Details Screen UI.
) Rating Products.
) Rating Product API / Exercise.
) Solution.
) Display Ratings.
) Fetch Deal of The Day (Optional Exercise).
) Adding To Cart.
) Displaying Cart Products.
) Decreasing Quantity in Cart.
) Address Screen.
) Adding GPay/ Apple Pay.
) Storing User Address & Ordering.
) Viewing My Orders.
) Viewing Order Details.
) Admin - Viewing All Orders.
) Admin - Change Order Status.
) Total & Category-Wise Earnings.
) Display Sales Chart.
) Log Out.
) Deployment to Heroku.
) Testing on Android Device.
) (Bonus) Flutter 3 (Everything Works!).
) Material 3.


Taught by

freeCodeCamp.org

Related Courses

Creating a Calculator App with Flutter
Coursera Project Network via Coursera
Dart Masterclass Programming Course: iOS/Android Bible
Udemy
Learn Dart Programming for Flutter
Udemy
Dart Course for Beginners
Udemy
Lógica de Programação com Dart
Udemy