Docs
DynaMart, An eCommerce App

DynaMart, An eCommerce App

An ecommerce app template built by atomsbox.com that you can customize for your projects.

DynaMart is built using Flutter and Firebase as a backend. In addition, it allows you to easily process payments using Stripe, keeping your payments and transactions safe via a custom Dart backend server.

eCommerce App

To discover more about the template, check the template page on atomsbox.com

Project Set-up Checklist

If you want to get started using the template, here's a step-by-step checklist to follow to kickstart the project.

  • Go to atomsbox.com and purchase the codebase.
  • After completing the purchase, you'll receive an email with the download link.
  • Unzip the codebase and open it with Visual Studio Code

You can run the app in development mode straight out the box.

However, to connect with external services (e.g. auth, database, maps, etc), you will have to configure the project. Don't worry, you dont't have to modify the codebase, all these features are already implemented.

You just have to connect the app with your accounts (e.g Firebase, Stripe, etc.), and you can follow the steps described down below.

Bundle ID

The first step is to modify the bundle ID. Each of our template bundle ID starts with "com.atomsbox", our reverse domain name. You'll have to replace it with your own reverse domain name.

In Visual Studio Code:

  • Choose your bundle ID. Use your reverse domain name or whatever identifier you prefer.
  • Search and replace "com.atomsbox." --> How to search and replace in VSC

Environment Variables

DynaMart has two files containing the environment variables:

  • The client-side environment variables are stored in the .env.example (rename it to .env).
  • The server-side environment variables are stored in the api/.env.example (rename it to .env).
# Client-side .env
STRIPE_PUBLISHABLE_KEY=YOUR_PUBLISHABLE_KEY_HERE
ANDROID_LOCALHOST_BASE_URL='http://10.0.2.2:8080'
IOS_LOCALHOST_BASE_URL='http://localhost:8080'
BASE_URL='http://localhost:8080'
# Server-side .env
IS_PROD=false
PROJECT_ID=YOUR_FIREBASE_PROJECT_ID_HERE
STRIPE_SECRET_KEY=YOUR_STRIPE_SECRET_KEY
STRIPE_WEBHOOK_SECRET=YOUR_STRIPE_WEBHOOK_SECRET

To complete the list of environment variables, you'll have to configure Stripe and Firebase.

Follow these steps:

Optional steps: