ArchitectureMart is a full-stack MERN (MongoDB, Express, React, Node.js) based web application built for selling home architecture designs. This project allows non-tech users (like designers or architects) to easily upload and sell their house design blueprints online, while customers can browse, purchase, and download designs with ease.
This platform was built for a friend who wanted a simple yet powerful way to sell architecture designs online. It includes:
- A secure admin panel (protected with a password known only to the site owner).
- A smooth user experience where anyone can:
- View all available home designs
- Add designs to cart
- Make payments securely
- Automatically download the purchased design as a PDF
- Complete responsive design for mobile, tablet, and desktop.
- 🔐 Password-Protected Admin Panel
- 🧾 Add to Cart & Checkout System
- 💳 Cashfree Payment Gateway Integration
- 📥 Auto PDF Download on Successful Purchase
- 👤 User Authentication
- 🧑💻 Secure Admin Access
- 📱 Fully Responsive Design
- React.js
- React Router
- Axios
- TailwindCSS
- Redux
- JWT for authentication
- Node.js
- Express.js
- MongoDB + Mongoose
- JSON Web Tokens (JWT)
- Cashfree Payments SDK
- Multer
- Visitors can browse all available home designs.
- To purchase, users must log in or sign up.
- Upon successful payment, a PDF version of the design is auto-downloaded.
- Admins can log in using a secret password and upload new products easily.
- All data is managed through MongoDB.
REACT_APP_ADMIN_PASSWORD=example_password
REACT_APP_CASHFREE_APP_ID=your_cashfree_app_id
MONGO_CONN=mongo_conn_string
PORT=5000
JWT_SECRET=example_secret
CASHFREE_APP_ID=example_cashfree_app_id
CASHFREE_SECRET_KEY=example_secret_key
CASHFREE_API_URL=example_api_key
WEBHOOK_URL=example_webhook_url_com
NODE_ENV=_test_or_production