Skip to content

Creolestudios/dreamscape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

DreamScape 🌌

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.

🏗️ Architecture

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
Loading

🚀 Absolute Standards

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.

⚠️ Required Configuration

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.

  1. Environment Variables: Create a .env file in the server/ directory based on .env.example.
  2. Database: You must provide a valid MONGO_URI (MongoDB Atlas or local instance).
  3. Secrets: You must define a JWT_SECRET for secure authentication.

Installation

Backend

cd server
npm install
npm start

Frontend

cd client
npm install
npm run dev

Features

  • 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.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors