Table of Content
▪ Problem Definition.
▪ Design specifications.
o Scope of Project
o Constraints
o Functional requirements
o Non-functional requirements
o Sketch
o Screen shots
▪ Diagrams:
o Flowcharts
o Data Flow Diagrams
▪ Test Data Used in the project
Problem Definition
As modern home interiors have become increasingly popular,
individuals often find themselves overwhelmed with various
design options, furniture choices, and decor elements.
and With the rise of online shopping and e-commerce, people are
increasingly looking for ways to visualize and design their home
before making a purchase,
And people are look for ways to make furniture and décor
suggestion.
The HomeStyler website fills this gap by providing an intuitive
and user-friendly platform
Design specifications
▪ Scope of Project
People use HomeStyler- Website where they can browse and
Choose furniture, and decor elements and also it offers wide
range of products and sample room designs to cater to various
user preferences and requirements.
It also provides profiles for professional interior designers
▪ Constraints
The HomeStyler- Website will not have any facility to store
information on the server. Information can be fetched from
JSON/TXT files and users can view the same being
displayed, however, information cannot be written to the files
from within the Website
▪ Functional requirements
Following are the functional requirements for the
Website:
1. Home Page
Upon launching the Website, users should be shown a
home page that displays a design gallery and menus for
different features. Values for these can be displayed as a
table or an image gallery with hardcoded data or from the
JSON/TXT file since there is no database functionality for
the site
2. Viewing Design Styles
▪ Users should be able to view design styles by selecting
categories from a predefined list.
▪ Categories can include Living room, Kitchen, Bedroom, and
so on. The site can also feature different types of trends
such as Contemporary styles, Elegant look, and so on.
▪ Each design page will include images, descriptions, and list
of products used in the design.
▪ Users should be able to view the cost of each design.
3. Professional Interior Designers Gallery
Users should be able to view details of different designers so
that they can contact them later for expert advice
4. Searching, Sorting, and Filtering
▪ Users should be able to search for specific design elements,
styles, or projects using a search bar.
▪ Users should be able to sort the projects or products based
on different criteria (for example, name, style, and price).
▪ Users should be able to filter products based on specific
criteria (for example, room type, style, and budget range).
5. Feedback
Feedback menu option should enable users to provide
their feedback about this Website through a feedback form
Data will not be saved or submitted though
6. Contact Us
Contact Us menu option should enable users to contact
the creators of the Website. An email id and/or a phone
number can be displayed here for contact information.
You can also make use of GPS/Geolocation here
7. Browsing Products
▪ Users can view a list of interior design-related products
categorized by type.
▪ Each product listing will include an image, description, price,
and user reviews
Product Categories and Subcategories
o Furniture:
▪ Sofas and Couches
▪ Chairs and Recliners
▪ Tables (Dining, Coffee tables, or Side tables)
▪ Beds and Mattresses
▪ Storage (Cabinets, Shelves, or Dressers)
o Lighting
▪ Ceiling Lights
▪ Wall Lights
▪ Floor Lamps
▪ Table Lamps
o Decor
▪ Rugs and Carpets
▪ Curtains and Blinds
▪ Wall Art and Mirrors
▪ Cushions and Throws
▪ Vases and Plant Pots
o Kitchen
▪ Cabinets and Pantries
▪ Countertops
▪ Sinks and Faucets
▪ Kitchen Islands and Carts
▪ Backsplashes
o Bathroom
▪ Vanities and Cabinets
▪ Showers and Bathtubs
▪ Toilets and Bidets
▪ Bathroom Sinks
▪ Mirrors and Medicine Cabinets
8. Product Selection
▪ Users can select products based on filters such as
category, subcategory, price range, and rating.
▪ Selected products can be added to a wishlist for future
reference. (Hint: This can be just implemented as a
table that is populated upon a button click).
9. User Reviews and Ratings
Users can read reviews and ratings for products and designs
10. About Us Page
This option can display information about the
creators of the Website .
Sitemap: To help users understand the flow of the Website,
you will create a Sitemap and add it to the home page
of your Website
11. Sample sitemap
▪ Non-Functional Requirements
There are several non-functional requirements that should be
fulfilled by the Website.
These include
1. Safe to use
The Website should not result in any malicious downloads or
unnecessary file downloads
2. Accessibility
The Website should have clear and legible fonts, user-interface
elements, and navigation Elements
3. User-friendliness
The Website should be easy to navigate with clear and easy to
understand elements
4. Operability
The Website should be reliable and efficient
5. Performance
The Website should demonstrate high value of performance
through speed and throughput. In simple terms, the Website
should have minimal load time and smooth
6. Scalability
The Website should support a large number of concurrent users
7. Availability
The Website should be available 24/7 with minimum downtime
8. Compatibility
The Website should be compatible with latest browsers and
devices
▪ Sketch
Project installation instructions
Included libraries:
1. AOS Library
2. React-Bootstrap
3. React-Icon
4. React-Modal
Diagrams
▪ Data Flow Diagrams
o Level 0 DFD
o Level 1 DFD
▪ Data Flow Diagrams
o Level 2 DFD
▪ Flowcharts
