IS-44-appWEB-BaryshevaAnastasiia-FIOT-2025

Online Beadwork Store “Flames of Darkness”

Relevance of the Topic
With the rapid growth of e-commerce, more and more people prefer online shopping — particularly in the handmade and artisan goods sector. The topic is relevant because beadwork jewelry is highly popular among young people and admirers of unique items, as it emphasizes individuality. An online beadwork store helps expand the audience of buyers, automate the sales process, and promote Ukrainian handmade products both domestically and internationally.

Topic
HTML document tags and attributes. Structural markup. GIT. GitHub. Working with repositories. Description of the logic of a personal web application.

Purpose of the Project
To simplify and speed up the process of browsing and selecting beadwork items, enable ordering and pre-ordering, and provide various payment and delivery options.

Objectives

• Analyze the needs of the target audience.
• Develop a user-friendly and visually appealing design and interface.
• Implement a product catalog with photos, descriptions, and prices.
• Create a shopping cart and checkout system.
• Integrate payment and delivery services.
• Develop an admin panel for managing products and orders.
• Implement a feedback and rating system to increase customer trust.
  Object of the Work
  An e-commerce information system for selling beadwork products.
  
  Subject of the Work
  Software (online store) that manages sales, product inventory, orders, and communication with clients.
  
  Business Logic
  A user must log in to place an order or make a purchase. The cart must be paid for within 24 hours of order placement. The user can set the date and time of delivery and optionally add a note to the order. There are discount features for regular customers and holiday promo codes available in the user’s account.
  
  

Main Functionality
Home Page
When loading the web application, the user can log in or register.
After login, the home page is displayed, allowing users to:

• Select a category of products and view it on a separate page.
• Swipe through product photos.
• Read about the store’s history and the artisan.
• Access store information, including contact details.
  The home page includes three semantic sections:
  
  1. Header — contains a search bar and user options (profile/login/registration).
  2. Main — divided into three sections: o Categories (to show the store’s assortment). o Product gallery (to attract the user’s interest). o Store history (about the shop and artisan, and how the products are made).
  3. Footer — includes contact information, delivery details, and other info.
     Categories Page
     When a user selects a category, they are redirected to the “Categories” page.
     It contains:
     
• The category name under the header.
• Two sections:
  
  1. Search — left block with filters and search criteria.
     
  2. Products — right block displaying product names and prices.
     Product Page
     When clicking a product, the user is redirected to the “Product” page.
     It includes:
     
• Product name (below the header).
  
• Photo, price, delivery options, and description with characteristics.
  Registration / Authorization
  By clicking “Register” or “Login” in the header, the user is redirected to the respective form page, which must be filled out to proceed.
  User Account
  After registration or login, a user gets access to their account with:
  
  1. Personal Data — left block with personal info (name, phone, email, and optional photo).
  2. Orders — right block showing the list of previous orders.

Functional Requirements

1. Guests can freely visit the website.
2. Guests can browse all product categories.
3. Guests can view detailed information about a product.
4. Users can create an account or log in.
5. A gallery page with product photos is available.
6. Store information (contacts, location, and social media) is accessible.
7. Authorized users can place orders.
8. Users can edit the cart before finalizing an order.
9. Users can select a payment and delivery method.
10. Users must confirm their order.
11. The administrator can edit the product catalog and quantities.

Non-Functional Requirements

1. The site supports at least 1,000 users simultaneously.
2. The interface is intuitive and easy to use.
3. The system ensures data security — client data is confidential, passwords are hashed.
4. The site works on both desktop and mobile devices.

Use Case Diagram

• Administrator: can edit products, assortment, availability, add events/promotions, and manage user profiles.
• User: can browse the site and products, and search using various filters (price, color, type).
• Registered User: can create a personal account, place orders, and leave reviews.