Dream Space

UID Project Phase 2 - Home Design Budget Calculator

Welcome to "Dream Space," the second phase of our User Interface Design (UID) project. This application is designed to help users visualize and budget their home interior design projects by calculating the total cost of selected designs for various rooms. Users can sign up, log in, select designs, and get an estimated total budget for their home renovations, with all user data securely stored in local storage.

This project empowers users to take control of their home design budget, providing a clear overview of expenses per room and for the entire house.

Visual Glimpse

Here are some screenshots showcasing the user interface and key functionalities of "Dream Space":

Figure 1: The user authentication interface, allowing new users to sign up and existing users to log in.

Figure 2: The main home page where users can browse and select design options for different rooms.

Figure 3: An example of how the application calculates and displays the total cost for selected designs, helping users manage their budget.

For more images open project_images folder.

---

Team Members

This project is developed by a dedicated team of 5 members:

• Chandra Mouli
• Naveen
• Ramrithik
• Mithul
• Yuva Sai Teja

---

Project Overview

"Dream Space" serves as a practical tool for individuals planning home interior design. It features a robust user authentication system that stores user credentials locally. Once logged in, users are presented with a dynamic home page where they can choose various design elements for different rooms. The core logic then calculates the cumulative cost of these selected designs, providing a real-time budget estimation. This allows users to understand the total expenditure for each room and, ultimately, the overall budget for their entire home design project. The application also includes dedicated "About" and "Contact" pages for user information and team details, respectively.

---

Features

• User Authentication: Secure login and signup system with user data persistently stored in the browser's local storage.
• Home Design Selection: An intuitive interface on the home page for users to select different design options for various rooms.
• Room-wise Cost Calculation: Automatically calculates and updates the total cost of selected designs for individual rooms.
• Total Home Budget Estimation: Provides a comprehensive overview of the total budget required for the entire home design project based on room selections.
• User Profile (About Page): Displays the logged-in user's details (username, email, password) and offers a convenient logout option.
• Team Contact Page: A dedicated section listing the details of the project development team members.

---

Technologies Used

• Frontend: HTML5, CSS3, JavaScript
• Data Storage: Browser Local Storage (for user authentication and selected design data)
• Version Control: Git, GitHub

---

Getting Started

To run "Dream Space" locally on your machine, follow these simple steps:

Prerequisites

• A modern web browser (e.g., Google Chrome, Mozilla Firefox, Microsoft Edge).

Installation

1. Clone the repository:

   git clone [https://github.com/wavexnani/dream_space.git](https://github.com/wavexnani/dream_space.git)

2. Navigate into the project directory:

   cd dream_space

3. Open the application: Locate the index.html file in the root of the dream_space directory and open it directly in your web browser. You can usually do this by double-clicking the index.html file or by dragging it into your browser window.

---

Usage

1. Access the Application: Once you open index.html in your browser, you will be directed to the login/signup page.
2. Sign Up / Log In:
   • If you are a new user, navigate to the signup section, fill in your details, and create an account.
   • If you have an existing account, use your credentials to log in.
   • Your user data will be stored in your browser's local storage.
3. Explore Designs: After logging in, you will be taken to the home page. Here, you can select different design elements for various rooms in your home.
4. View Budget: As you select designs, the application will dynamically calculate and display the total cost, helping you keep track of your budget for each room and for the entire house.
5. About Page: Click on the "About" link/button to view your user profile details and to log out of the application.
6. Contact Page: Visit the "Contact" page to see information about the project team members.

---

Contributing

We welcome suggestions and contributions to enhance "Dream Space"! If you have ideas for new features, bug fixes, or improvements, please feel free to:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive messages.
4. Push your changes to your forked repository.
5. Open a Pull Request to the main repository, providing a clear explanation of your contributions.

---

License

This project is licensed under the MIT License. See the LICENSE file (if present in the future) for more details.

---

Contact

For any questions, feedback, or collaboration opportunities, please feel free to reach out to the project team members:

• Chandra Mouli
• Naveen
• Ramrithik
• Mithul
• Yuva Sai Teja

Project Repository: https://github.com/wavexnani/dream_space