Flutter Dart Api | Car App

Created At: 2024-05-29 15:34:13 Updated At: 2024-05-29 15:58:33

This is a Flutter Dart full stack. Here we have used Dart as backend restful api and front end we have used Flutter. The backend is done using vania dart.

You may learn more about it here on vdart.dev Vdart is backend framework based on latest Dart and this framework looks exactly like Laravel or Django. Check out our intro video about vania dart here.

This is a complete project you may directly use it for production.

The above is UX overview of the project. The projects as total 34 screens and all the screens are complete(dark mode is under built). So you may download the apk and test it.

There are below features of the app

  1. Onboarding screen
  2. Home page with cars
  3. Search bar
  4. Car detail
  5. Wish list
  6. Google map
  7. Latest cars
  8. Booking screen
  9. Auth screen
  10. Address screen
  11. Dark and Light mode
  12. Profile screen

Flutter Frontend

For Flutter frontend we have used the latest version using BLoC for state management. BLoC is the most popular Flutter state management package.

Dart Backend

Here we have vania dart to build our api. Vania dart is a user friendly dart framework. If you have worked with other frameworks you will find it's a piece of cake.

Rest of the screen you may get from the link

You may get complete code from here buymeacoffelink

Local installation

  1. make sure that you have dart and flutter sdk installed
  2. make sure your MySQL server is up and runing
  3. create a MySQL database
  4. download the code from buymeacoffee link
  5. find .env file in the project root and change the database name and port according

Run the commands to run locally

  1. dart pub get
  2. dart pub global activate vania_cli
  3. vania serve

Early source code buyer will get free udemy coupon when the course is released.

Comment

  • d
    dylan

    2024-05-30 10:24:29

    Find me on dylandbestech@gmail.com

  • d
    dylan

    2024-05-30 10:23:37

    You may buy through paypal dylan@dbestinfo.com

  • M
    Meno

    2024-05-29 16:13:01

    I got an error when visiting buymeacoffee.com/dbestech/e/260098. Error code: 1020 Ray ID: 88b7be66a9a5097c Country: RU Data center: hkg10 Timestamp: 2024-05-29 16:08:33 UTC I tried to get the source code but I got this, please for us who couldn't get the code can you do a tutorial for us to learn how to do save? I am currently working on a similar app but with AI integration my project is with react native i wanted to go an open source flutter version so I don't know if I can work and implement my rag in your system

    Author response:

    You may buy through paypal dylan@dbestinfo.com

  • M
    Meno

    2024-05-29 16:12:57

    I got an error when visiting buymeacoffee.com/dbestech/e/260098. Error code: 1020 Ray ID: 88b7be66a9a5097c Country: RU Data center: hkg10 Timestamp: 2024-05-29 16:08:33 UTC I tried to get the source code but I got this, please for us who couldn't get the code can you do a tutorial for us to learn how to do save? I am currently working on a similar app but with AI integration my project is with react native i wanted to go an open source flutter version so I don't know if I can work and implement my rag in your system

Add Reviews

Article resources

  • Get the apk

Latest Posts

Subscribe our newsletter