skinglow

byTaran Minocha

hi

LandingGroomingSkincareProfileGamesProgressOnboardingSignupEducationWorkoutHomeFitnessAI
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

skinglow System Requirements Document

1. Introduction

The "skinglow" project aims to develop a comprehensive mobile application that integrates bodybuilding, skincare, and grooming guidance. The app will provide users with detailed schedules for workouts and skincare routines, offer tips on improving skincare and maintaining bodybuilding, and include engaging games related to these topics.

2. System Overview

The skinglow application will serve as a personal guide for users interested in bodybuilding, skincare, and grooming. It will offer personalized schedules, educational content, and interactive games to enhance user engagement and knowledge.

3. Functional Requirements as Story Points

  • As a User, I should be able to generate personalized workout plans and view a personalized workout schedule.
  • As a User, I should be able to view a personalized skincare routine.
  • As a User, I should be able to access educational content on improving skincare.
  • As a User, I should be able to access educational content on maintaining bodybuilding.
  • As a User, I should be able to explore grooming tips and advice.
  • As a User, I should be able to play games related to bodybuilding and skincare.
  • As a User, I should be able to track my progress in bodybuilding and skincare routines.

Fitness AI Capabilities

Page 2 of 7

Workout Coach

  • Generate personalized workout plans
  • Suggest exercises based on goals (muscle gain, fat loss, strength)
  • Recommend sets, reps, and weights
  • Explain proper exercise form
  • Adjust workouts based on progress

Nutrition Coach

  • Calculate calories and protein needs
  • Create meal plans
  • Suggest healthy recipes
  • Recommend pre- and post-workout meals
  • Track water intake

Recovery Coach

  • Recommend rest days
  • Suggest stretches and mobility exercises
  • Help manage muscle soreness
  • Sleep recommendations
  • Injury prevention tips

Skincare Coach

  • Ask about skin type
  • Recommend morning and night routines
  • Suggest products based on skin concerns
  • Remind users to apply sunscreen
  • Explain skincare ingredients
Page 3 of 7

Grooming Coach

  • Hair care tips
  • Beard care routines
  • Shaving advice
  • Oral hygiene reminders
  • Basic style and grooming guidance

Progress Analysis

  • Track weight and body measurements
  • Compare progress photos
  • Show muscle gain and fat-loss trends
  • Celebrate milestones

Daily Habit Coach

  • Workout reminders
  • Skincare reminders
  • Hydration reminders
  • Sleep reminders
  • Daily checklist

AI Chat

  • Users can ask questions like:
    • "What workout should I do today?"
    • "How much protein do I need?"
    • "How can I reduce acne?"
    • "I'm sore after leg day. What should I do?"
    • "Create a 5-day workout plan."
Page 4 of 7

Motivation & Gamification

  • Daily challenges
  • XP and levels
  • Achievement badges
  • Workout streaks
  • Weekly goals

4. User Personas

  • Fitness Enthusiast: Interested in bodybuilding and maintaining a healthy lifestyle.
  • Skincare Aficionado: Focused on skincare routines and improving skin health.
  • Grooming Guru: Interested in grooming tips and maintaining a polished appearance.
  • Casual User: Engages with the app for entertainment and general wellness tips.

5. Core User Flows

  • User selects a fitness goal -> App generates a workout schedule -> User follows the schedule -> App tracks progress.
  • User selects a skincare goal -> App generates a skincare routine -> User follows the routine -> App tracks progress.
  • User explores grooming tips -> User applies tips in daily routine.
  • User plays a game -> Gains insights or rewards related to bodybuilding/skincare.
Page 5 of 7

6. Visuals Colors and Theme

  • primary: #FF5733 (a vibrant orange to energize and motivate users)
  • primary_light: #FF8F66 (a lighter tint of orange for hover states)
  • secondary: #33C1FF (a calming blue to balance the vibrant primary color)
  • accent: #FFC300 (a bright yellow for call-to-action buttons and highlights)
  • highlight: #DAF7A6 (a soft green for notifications and active indicators)
  • bg: #FFFFFF (a clean white background for clarity)
  • surface: #F2F2F2 (a light grey for cards and panels)
  • text: #333333 (a dark grey for primary text)
  • text_muted: #777777 (a muted grey for secondary text)
  • border: #DDDDDD (a subtle grey for borders)

7. Signature Design Concept

The skinglow app will feature an interactive "Transformation Journey" on the home page. Users will see a dynamic timeline that visually represents their progress in bodybuilding and skincare. As users interact with the timeline, they can drag and drop elements to adjust their routines, and animations will show the transformation of a virtual avatar based on their input. This concept will be implemented using motion/react for smooth animations and transitions.

Page 6 of 7

Landing Hero Motion Brief

The landing page will feature a continuous loop animation where a virtual avatar undergoes transformations based on user inputs. The animation will start with a basic avatar, and as users input their goals, the avatar will visibly change, showcasing muscle growth and improved skin texture. The loop will last 10 seconds, with interactive elements allowing users to pause and explore specific transformations. The animation will be responsive and maintain clarity even in reduced-motion settings.

8. Interaction Model & Motion Direction

  • Intended Interaction Model: Animated
    • The landing page will feature moderate scroll-triggered reveals and hover transitions.
    • Interactive elements will have spring physics for a polished user experience.
    • Each section will have a distinctive core mechanic, such as kinetic typography or morphing SVGs.

9. Non-Functional Requirements

  • The app must be responsive and accessible on various devices and screen sizes.
  • The app should load within 3 seconds on a standard 4G connection.
  • The app must comply with data privacy regulations applicable in India.
Page 7 of 7

10. Tech Stack

  • Frontend: React Native for mobile app development.
  • Backend: Python with FastAPI for server-side operations.
  • Database: MySQL for structured data storage.
  • AI Models: GPT 5.4 for user-friendly responses.

11. Assumptions and Constraints

  • The app will primarily target users in India, considering local preferences and regulations.
  • The app will require an internet connection for full functionality.
  • User data will be stored securely and comply with relevant privacy laws.

12. Glossary

  • Avatar: A virtual representation of the user within the app.
  • Grooming: Practices related to maintaining personal appearance.
  • Skincare Routine: A series of steps for maintaining healthy skin.
  • Workout Schedule: A planned series of exercises for bodybuilding.
Landing design preview
Landing: View Info
Signup: Create Account
Onboarding: Explore App
Home: Browse Content
Games: Play Game
FitnessAI: Chat For Fun
Education: Read Wellness Tips
Progress: View Milestones
Profile: Edit Profile
Landing design preview
Landing: View Info
Signup: Create Account
Onboarding: Explore App
Home: Browse Content
Games: Play Game
FitnessAI: Chat For Fun
Education: Read Wellness Tips
Progress: View Milestones
Profile: Edit Profile