sage-art

byRupal Dadia | DCC

I want to create an art website for my daughter who has done 25 paintings on canvas.. i want colourful and playful app

Home
Home

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD)

Project Name: sage-art

1. Introduction

The sage-art project is a vibrant and playful online platform designed to showcase and sell the artistic creations of Rupal Dadia's daughter, who has completed 25 beautiful canvas paintings. This platform will not only serve as a gallery to display her artwork but also as an interactive space where customers can purchase paintings, learn the stories behind each piece, and even request custom-made artwork tailored to their preferences. The website aims to celebrate her creativity while providing an exclusive and personalized experience for art enthusiasts.

This document outlines the system requirements for the sage-art platform, ensuring it meets the needs of its users while maintaining a colorful and engaging aesthetic.

Page 2 of 6

2. System Overview

The sage-art platform will be a web-based application that offers the following core functionalities:

  1. Gallery Display: A visually appealing gallery showcasing 25 canvas paintings, each accompanied by its name, size, and the story behind its creation.
  2. E-commerce Features: A seamless shopping experience for customers to purchase paintings directly from the website.
  3. Custom Orders: A feature allowing customers to submit their own design ideas and size preferences for custom paintings, with a limit of 1-2 custom orders per month.
  4. Playful and Colorful Design: A vibrant and engaging user interface that reflects the joyful and creative spirit of the artwork.

The platform will cater to art enthusiasts, collectors, and individuals seeking personalized artwork, providing a unique and exclusive experience.

3. Functional Requirements

Gallery and Painting Details

  • As a User, I should be able to view a gallery of 25 paintings with their names, sizes, and stories.
  • As a User, I should be able to click on a painting to view its details on a dedicated page.

E-commerce Features

  • As a User, I should be able to purchase paintings directly from the website.
  • As a User, I should be able to add paintings to a shopping cart and proceed to checkout.
  • As a User, I should be able to make secure payments using multiple payment options (e.g., credit cards, UPI, PayPal).
Page 3 of 6

Custom Orders

  • As a User, I should be able to submit a custom painting request by providing my design idea and size preferences.
  • As an Admin, I should be able to limit custom orders to 1-2 per month.
  • As an Admin, I should be able to review and approve/reject custom painting requests.

Additional Features

  • As a User, I should be able to read about the artist and her journey in a dedicated "About" section.
  • As a User, I should be able to leave comments or reviews on purchased paintings.

4. User Personas

1. Admin

  • Role: Rupal Dadia or designated manager.
  • Responsibilities: Managing the gallery, approving/rejecting custom orders, updating painting details, and monitoring sales.

2. User

  • Role: Art enthusiasts, collectors, and customers.
  • Responsibilities: Browsing the gallery, purchasing paintings, submitting custom orders, and leaving reviews.

5. Visuals Colors and Theme

The sage-art platform will feature a vibrant and playful color palette to reflect the joyful and creative nature of the artwork.

Page 4 of 6

Color Palette:

  • Background: #FFF5E1 (Soft Cream)
  • Surface: #FFD6A5 (Peachy Orange)
  • Text: #4A4A4A (Charcoal Gray)
  • Accent: #FF6F61 (Coral Red)
  • Muted Tones: #FFE3C9 (Light Beige)

This palette ensures a warm, inviting, and artistic atmosphere that complements the paintings.

6. Signature Design Concept

The sage-art homepage will feature an interactive art gallery carousel that feels like stepping into a whimsical art studio.

Key Features:

  1. Floating Canvas Frames: Paintings will appear as floating canvas frames that gently sway as the user hovers over them, creating a dynamic and immersive experience.
  2. Paint Splatter Animations: As users navigate the homepage, subtle paint splatter animations will follow their cursor, adding a playful touch.
  3. Story Pop-ups: Clicking on a painting will trigger a pop-up that unfolds like an artist's journal, revealing the story, name, and size of the painting.
  4. Custom Order Section: A dedicated section on the homepage will feature a paintbrush animation that "paints" the words "Create Your Own Masterpiece" as users scroll.

This design concept ensures the website is not only visually stunning but also memorable and engaging for visitors.

Page 5 of 6

7. Non-Functional Requirements

  • Performance: The website should load within 3 seconds for optimal user experience.
  • Scalability: The platform should support up to 500 concurrent users.
  • Security: All payment transactions must be encrypted using SSL/TLS.
  • Accessibility: The website should comply with WCAG 2.1 Level AA standards.
  • Localization: The platform should support INR as the default currency and IST (Indian Standard Time) for timestamps.

8. Tech Stack

Frontend

  • React for Web

Backend

  • Python
  • FastAPI

Database

  • MySQL (with Alembic for migrations)

AI Tools

  • GPT 5.4 for user-friendly responses
Page 6 of 6

Local Orchestration

  • Docker
  • docker-compose

Server-Side Orchestration

  • Kubernetes

9. Assumptions and Constraints

  • The platform will initially support only English as the language.
  • Custom painting orders will be limited to 1-2 per month to maintain exclusivity and manage workload.
  • The website will not include a mobile app in the initial phase but will be mobile-responsive.

10. Glossary

  • Canvas Painting: A painting created on a stretched canvas surface.
  • Custom Order: A painting created based on a customer's design and size preferences.
  • E-commerce: The process of buying and selling goods online.
  • WCAG: Web Content Accessibility Guidelines, a standard for ensuring web accessibility.
  • SSL/TLS: Secure Sockets Layer/Transport Layer Security, protocols for encrypting internet communications.
Home design preview
Login: Sign In
Dashboard: View Sales
Gallery: Manage Paintings
Painting: Edit Details
Custom Orders: Review Requests
Custom Orders: Approve Reject