DreamSpace is a web-based platform that connects homeowners, architects, and designers. It features an innovative sketch-to-3D conversion tool and interactive architectural workspace.
- Upload and manage architectural sketches
- View 3D conversions of sketches
- Track project progress
- Collaborate with architects and designers
- Interactive 3D workspace for architectural design
- Real-time design tools including:
- Wall placement
- Door and window insertion
- Furniture placement
- Measurement tools
- 2D/3D view switching
- Project management dashboard
- View and contribute to architectural projects
- Collaborate with architects and homeowners
- Track assigned designs
- Access project resources
- Backend: PHP 8.0+
- Database: MySQL (via XAMPP)
- Frontend:
- HTML5, CSS3, JavaScript
- Bootstrap 5.1.3
- Three.js for 3D rendering
- Additional Libraries:
- Font Awesome 6.0.0
- Dropzone.js 5.9.3
- XAMPP with:
- Apache 2.4+
- PHP 8.0+
- MySQL 5.7+
- Modern web browser with WebGL support
- Minimum 4GB RAM recommended
- Clone this repository to your XAMPP htdocs folder:
cd /xampp/htdocs
git clone [repository-url] Home- Set up the database:
# Import the database schema
mysql -u root -p dreamspace_db < database.sql- Configure the database connection:
- Edit
config/database.phpif your MySQL credentials differ from default
- Set up virtual host (optional):
<VirtualHost *:80>
DocumentRoot "/xampp/htdocs/Home"
ServerName dreamspace.local
<Directory "/xampp/htdocs/Home">
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Require all granted
</Directory>
</VirtualHost>- Create required directories:
mkdir uploads/sketches
chmod 777 uploads/sketchesHome/
├── assets/ # Static assets
├── auth/ # Authentication files
│ ├── login.php
│ ├── logout.php
│ └── signup.php
├── config/ # Configuration files
│ └── database.php
├── css/ # Stylesheets
│ └── style.css
├── includes/ # Reusable components
│ └── navbar.php
├── js/ # JavaScript files
├── sketch/ # Sketch conversion tools
│ └── convert.php
└── workspace/ # Architect workspace
└── architect.php
- All user inputs are sanitized
- Passwords are hashed using PHP's password_hash()
- Session management implemented
- File upload restrictions in place
- Role-based access control
-
Homeowners
- Can upload sketches
- View 3D conversions
- Track project progress
-
Architects
- Access to 3D workspace
- Create and modify designs
- Manage projects
-
Designers
- View and contribute to projects
- Collaborate with architects
- Access design resources
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Create a new Pull Request
[Your chosen license]
For support, email [your-email] or create an issue in the repository.
- Three.js community
- Bootstrap team
- XAMPP development team