Final-Touch Tailwind Templates

Final Touch

A full-featured, scalable e-commerce application built with ASP.NET Core Web API (Clean Architecture) and Angular. This project demonstrates a complete end-to-end implementation of a modern online store, focusing on clean code practices, performance, and team-based Agile development.

#angular #design-patterns #dotnetcoreapi #entity-framework-core #fluentvalidation #git #jira #redis-cache #signalr #sql-server
Download

🏗️ Final Touch

All-in-One E-Commerce Platform for Finishing Materials
🎨 Buy. 📏 Calculate. 👷‍♂️ Hire.

.NET 8 Angular 18 Clean Architecture Stripe Redis

🌟 Overview

FinalTouch is a modern full-stack e-commerce solution for the finishing materials industry. It empowers customers to:

  • 🛍️ Browse and purchase tiles, doors, paints, and more
  • 📐 Auto-calculate material needs based on unit area
  • 👷 Book professional technicians for installation
  • 💳 Pay securely via Stripe

Designed with scalability, clean architecture, and performance in mind — powered by the latest in .NET Core & Angular.

🚀 Live Demo

🎯 Link: https://firsttouch.runasp.net/

⚙️ Tech Stack

Category Technology
👨‍💻 Frontend Angular 18 (Standalone, Lazy Loading, Reactive Forms)
🧠 Backend .NET 8 Web API
🧱 Architecture Clean Architecture (API / Core / Infrastructure)
🧩 Patterns CQRS, Specification Pattern, Repository & UoW
🔐 Auth JWT + ASP.NET Identity
📦 Caching Redis
💳 Payments Stripe API
🧪 Validation FluentValidation
📐 UI Framework Angular Material + Tailwind CSS

✨ Key Features

  • 🛒 E-Commerce Engine
    Product listing, filtering, sorting, details, cart, and checkout

  • 📐 Smart Material Estimator
    Automatically calculates required quantity based on room size

  • 👷 Technician Booking
    Find and schedule professionals for installation work

  • 🔄 Modular Architecture
    Clean separation of concerns using CQRS & layered design

  • 🔐 Secure Authentication
    JWT-based auth with role management

  • 💳 Stripe Integration
    Real-time 3D Secure payment workflow

  • 🔥 Optimized Performance
    Redis-powered caching for faster data access

  • 📊 Admin Ready
    (Optional) Add dashboards for managing orders and products

👨‍💻 FinalTouch Dev Crew

Ziad, Mohsen, Abdullah and Abo-Saood

⚙️ Local Setup

Backend (.NET API)

cd FinalTouch.ServerSide
dotnet restore
dotnet dev-certs https --trust
dotnet run

Frontend (Angular)

cd final-touch-client
npm install
ng serve --proxy-config proxy.conf.json

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce
Loading Svelte Themes