🌟 FashionApp – A Fullstack Fashion Shopping App (Flutter + Django)

dangdungvn — Sat, 24 May 2025 20:39:28 +0000

🌟 FashionApp – A Fullstack Fashion Shopping App (Flutter + Django)

Are you looking for a full-fledged fashion e-commerce app built with modern technologies like Flutter and Django? Meet FashionApp — a fullstack project designed for users to browse, shop, and pay for fashion products easily and securely.

GitHub: https://github.com/dangdungvn/fashionapp

What is FashionApp?

FashionApp is a mobile-first fashion shopping platform built using:

Flutter for the frontend (multi-platform support: Android, iOS, Web)
Django + Django REST Framework for the backend
Stripe for payment integration
SQLite as the default database

The goal was to create a smooth and simple shopping experience with clean UI and reliable backend APIs.

Key Features

🛍 Product Browsing – View categories (e.g. dresses, shoes, jackets), search products, and explore “Featured Products”.
📦 Product Details – View price, rating, and description.
🛒 Cart & Checkout – Add/remove items, checkout securely with Stripe.
🔐 Authentication – Register/login with token-based auth.
👤 Profile & Orders – Manage address, view order history.
⚙️ Admin Panel (Django) – Manage products, categories, and orders.

Tech Stack

Flutter (Dart) – UI & State management with Provider
Django REST Framework – Backend API
Stripe API – Secure payments
SQLite – Lightweight development DB
GitHub Actions – CI/CD deployment

Lessons Learned

This project taught me:

How to structure a real-world Flutter app with REST API
Secure auth flow between Flutter & Django
Integrating Stripe with both frontend & backend
Building reusable widgets and state logic
Deploying Django to a VM using GitHub Actions

Run It Locally

Backend (Django)

cd pybackend
python -m venv venv
# Activate virtual environment:
# Linux/macOS: source venv/bin/activate
# Windows: venv\Scripts\activate
pip install -r requirements.txt
cd fashion_backend
python manage.py runserver

Frontend (Flutter)

⚙️ Environment

.env.development: Development configuration
.env.production: Production configuration

Create .env.development file with variable

API_KEY
API_BASE_URL
MAPS_API_KEY
PAYMENT_BASE_URL
API_BASE_URL_TEST

Run project mobile with comment:

cd fashionapp
flutter pub get
flutter run

Payment (Nodejs)

Create .env file with variable

STRIPE_SECRET
STRIPE_WEBHOOK_SECRET
STRIPE_PUBLISHABLE_KEY
ENDPOINT_SECRET
PORT
API_BASE_URL
PAYMENT_SERVER_URL

cd fashion_payment
npm i
npm start

Feedback & Contributions

If you find this project interesting:

Star the repo: https://github.com/dangdungvn/fashionapp
Submit an issue or improvement suggestion
Fork it and customize your own fashion app!

Thanks for reading and feel free to connect!

DEV Community: dangdungvn

[Boost]