This is a comprehensive, full-stack web application built from the ground up for Glanzerinigung, a professional cleaning service based in Germany. The platform provides a seamless, modern experience for customers to browse, book, and manage cleaning services, while also featuring a complete user authentication and dashboard system.
The primary goal of this project was to create a robust, secure, and user-friendly online presence that automates the booking process and enhances customer engagement. The entire application, from the database to the pixel-perfect UI, was developed to meet modern web standards.
Key Features:
- Dual Authentication System: Users can register and sign in effortlessly using their Google account (OAuth 2.0) or a traditional email and password combination. Sessions are securely managed with NextAuth.js (Auth.js).
- Dynamic Service & Cart System: A fully interactive interface where users can browse detailed service offerings, add them to a shopping cart, and manage their selections in real-time.
- Protected User Dashboard: A secure, client-side area for authenticated users to view their order history and update their personal account settings (name, address, phone).
- End-to-End Order Processing: A complete workflow enabling users to place orders, which are then securely stored in the database and linked to their user profile.
- Automated Email Notifications: An integrated contact form that uses Nodemailer on the backend to send inquiries directly to the business’s organizational email, ensuring prompt communication.
- Fully Responsive & Modern UI: The entire frontend is built with Tailwind CSS, featuring a professional, clean design with custom graphical elements and animations, ensuring a seamless experience on all devices, from mobile phones to desktops.
Title:
Glanzerinigung – Full-Stack Service Booking Platform
Project Description:
This is a comprehensive, full-stack web application built from the ground up for Glanzerinigung, a professional cleaning service based in Germany. The platform provides a seamless, modern experience for customers to browse, book, and manage cleaning services, while also featuring a complete user authentication and dashboard system.
The primary goal of this project was to create a robust, secure, and user-friendly online presence that automates the booking process and enhances customer engagement. The entire application, from the database to the pixel-perfect UI, was developed to meet modern web standards.
Key Features:
- Dual Authentication System: Users can register and sign in effortlessly using their Google account (OAuth 2.0) or a traditional email and password combination. Sessions are securely managed with NextAuth.js (Auth.js).
- Dynamic Service & Cart System: A fully interactive interface where users can browse detailed service offerings, add them to a shopping cart, and manage their selections in real-time.
- Protected User Dashboard: A secure, client-side area for authenticated users to view their order history and update their personal account settings (name, address, phone).
- End-to-End Order Processing: A complete workflow enabling users to place orders, which are then securely stored in the database and linked to their user profile.
- Automated Email Notifications: An integrated contact form that uses Nodemailer on the backend to send inquiries directly to the business’s organizational email, ensuring prompt communication.
- Fully Responsive & Modern UI: The entire frontend is built with Tailwind CSS, featuring a professional, clean design with custom graphical elements and animations, ensuring a seamless experience on all devices, from mobile phones to desktops.
Technical Stack:
- Frontend:
- Framework: Next.js (App Router)
- Language: JavaScript (ES6+)
- Styling: Tailwind CSS
- Authentication: NextAuth.js (Auth.js)
- State Management: React Context API (for Shopping Cart)
- Backend:
- Environment: Node.js
- Framework: Express.js
- Database: MongoDB with Mongoose (hosted on Atlas)
- API: RESTful API
- Deployment & Infrastructure:
- Server: Linux VPS (Ubuntu 22.04) hosted in Germany
- Web Server / Reverse Proxy: Nginx
- Process Manager: PM2
- Security: SSL Certificate via Let’s Encrypt (Certbot)