DreamScape is a premium, AI-augmented mood boarding platform built with the MERN stack (MongoDB, Express, React, Node.js). It features a state-of-the-art glassmorphic design system and intelligent "AI Impressions" for creative visualization.
graph TD
subgraph Frontend [Client - React & Vite]
A[Glassmorphic UI] --> B[Framer Motion]
C[Axios Client]
end
subgraph Backend [Server - Node & Express]
D[Router] --> E[Auth Middleware]
E --> F[Controllers]
F --> G[AI Impression Engine]
H[Global Error Handler] -.-> F
end
subgraph Database [Storage]
I[(MongoDB Atlas)]
end
C -- REST API / JWT --> D
F -- Mongoose --> I
style Frontend fill:#1e1e2e,stroke:#7367f0,color:#fff
style Backend fill:#1e1e2e,stroke:#00f2fe,color:#fff
style Database fill:#1e1e2e,stroke:#94a3b8,color:#fff
This project follows strict code standards:
- Scalable Architecture: Modularized controllers, models, and routes.
- Robust Error Handling: Centralized global error middleware for all API responses.
- Premium UI: Custom CSS design system with glassmorphism and Framer Motion animations.
- Secure Auth: JWT-based authentication with bcrypt password hashing.
For security reasons, this project is not executable out of the box. To run the application, you must configure your own secrets and database instances.
- Environment Variables: Create a
.envfile in theserver/directory based on.env.example. - Database: You must provide a valid
MONGO_URI(MongoDB Atlas or local instance). - Secrets: You must define a
JWT_SECRETfor secure authentication.
cd server
npm install
npm startcd client
npm install
npm run dev- Glassmorphic UI: High-end aesthetic with Backdrop Blur and multilayered gradients.
- AI Impressions: Automatically generates creative deconstructions of your vision boards.
- Modular Design: Ready for future scaling and deep integrations.