🌟 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!