Shopsie is an eCommerce demo application.This application has a technology stack of Flutter for front-end and the back-end has Medusa's eCommerce API.

Table of Contents

• Features
• Screenshots
• Setup
• Version of Technologies
• Folder Structure
• Get More About App
• MIT License
• Community

Features

• Authentication
  • Email and Password Authentication
  • Google & Facebook Authentication
• Products
  • Product Listing with image,price and title
• Product Details
  • Product details image,price,description and title
  • Add to cart
• Cart
  • Cart item list
  • Cart item remove
  • Item quantity change
• Customer Infromation
  • Change customer details
  • Change password
  • Confirm order list
  • Shipping address list
• Product Search

Note: This application contains static screens such as landing screen.

Screenshots

Setup

1. Setup Medusa

2. Setup Flutter

3. Setup FlutterFire

4. Clone the repo

$ git clone https://github.com/DhiWise/Shopsie
$ cd Shopsie/

5. Setup the Social Auth

1. This app has firebase google/facebook and email - SignUp and SignIn. Thus, you need to add following files to run the application

• google-services.json
• facebook_app_id and token in strings.xml
• firebase_app_id_file.json for ios
• GoogleService-Info.plist for ios

2. Install flutterfire from Here.

3. Use flutterfire configure to generate firebase_options.dart file.

• you can find these files in your firebase console and project setting.

4. Add your API base url or local IP on which server is running in api_client.dart

5. flutter pub get

6. flutter run

Version of Technologies

Dart SDK Version 2.17.0 or greater. Flutter SDK Version 3.0.0 or greater.

Folder Structure

├── android - contains files and folders required for running the application on an Android operating system.
├── assets - contains all images and fonts of your application.
├── ios - contains files required by the application to run the dart code on iOS platforms.
├── lib - Most important folder in the project, used to write most of the dart code.
├── main.dart - starting point of the application
├── core
│ ├── app_export.dart - contains commonly used file imports
│ ├── constants - contains all constants classes
│ ├── errors - contains error handling classes
│ ├── network - contains network related classes
│ └── utils - contains common files and utilities of project
├── data
│ ├── apiClient - contains api calling methods
│ ├── models - contains request/response models
│ └── repository - network repository
├── localization - contains localization classes
├── presentation - contains all screens and screen controllers
│ └── screens - contains all screens
├── routes - contains all the routes of application
└── theme - contains app theme and decoration classes

Get More About App

Documetation: https://www.dhiwise.com/use-case/medusa-e-commerce

Blog: https://medium.com/dhiwise/how-to-speed-up-the-development-time-of-e-commerce-mobile-applications-using-dhiwise-and-medusa-2443f2660401

MIT License

Copyright (c) 2022 DhiWise

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

Community