steel-am

byKalyan

i am building a web app so i have done some features and some are left to work upon, so i want you to access my repo(https://github.com/kalyan-reddy-b/Hirio), in this i have pushed all my completed code into that repo, so now i want you to go through my complete code ifrom teh repo and then continue with the next feature project page in which we will do the https://github.com/kalyan-reddy-b/ApplyPilot can you access all the code in this my repo then go through the code then the project is about like in this we will fetch jobs listed in the internet and shows only the highest matching jobs with cv and then we will do research about the company, role, people working in company, projects they are working, and all details in LinkedIn, internet etc etc and the we will tally both role, jd, company details, people details, project details, and then user skills, experience, etc etc and all that then we will show a project idea based on all the above details and all that so by keeping it will increase their chances of hiring and all that and then make my project page fully good and all that saas level not just pages and boxes, cards etc etc , make it good and all, i have completed jobs, resume pages so follow them and do the required in the projects and build it completely and also dont use the jobs card in projects page and i want a new good one , when user opens the page for the first time they will see a empty state, how it works in steps in short and detail in points or like that and then a button on click will ask user to select which card to generate the project in the card show the good and all that dont make it silly and all, and then we will make it like we are giving 2/week generations for free user for free so we will keep filters like 24hr, 3 days, 1 week max and thats all in dropdown and based on teh filter seected we will show applied jobd listings and all that and note we will do this for only applied jobs for both free and premium user and it will be manually like they can select card and click on generate then it will be done liek that so no automationa ndall that , and then we will do like user selects a card and then continue then we will show a side model or page or model or like that in which we will make user feel like ai is working by showing ai analysis with percente shoing with like fetching, this that , doing that , etc etc and all that make it good not just a simple thing and for colors follow teh jobs, resume page and for layout also, same and on right side layout keep what are required and all that and follow the jobs, resume page right side layout and all dont just copy paste them or same add what required or needed to change or remove whta not needed and all that make it saas level one not just pages, cards or blah blah, and also dont use or follow uiux or all cards, pages style, models or etc etc of the existing project page code dont do that i want completely different interactive and saas level nt just pages and all and follow or use the below Yes. I’d make credits an additional flexibility layer, not something users need to understand for every basic action. Projects Page FeatureFreePremiumWeekly Project Generations2 / week15 / weekSaved Projects1050Missing-skills additionIncludedIncludedRegenerate Project1 / week10 / weekSkill-gap analysis✓✓Project roadmap✓✓Project modules55Beginner implementation guide✓✓Tech stack✓✓Research insights✓✓Refresh research insightsFreeFreeMark project complete✓✓GitHub / Live Demo proof✓✓AI Credits included3 / month15 / monthExtra AI CreditsAvailable to buyAvailable to buyUse credits for extra project generation✓✓Use credits for extra regeneration✓✓Credit packsAvailableAvailable Credit packs — India-focused PackPriceCreditsBest forMini₹493Occasional extra generationStarter₹998Most Free usersGrowth₹19920Regular usersPro₹39950Heavy project users How credits work ActionCreditsNew project after weekly allowance2 creditsExtra regeneration1 creditAdd missing skillsFreeRefresh research insightsFreeSave projectFreeMark completeFree Why I’d use these numbers Free: 2 projects/week + 1 regeneration/week is enough for a real user to experience the feature without making the free version frustrating. Premium: 15 projects/week + 10 regenerations/week is a strong upgrade without being effectively unlimited. Credits: Keep them for extra AI-heavy actions, rather than charging users for basic project functionality. This makes the product much easier to understand. And for Indian users, ₹49 / ₹99 / ₹199 / ₹399 gives you a much lower-friction entry point than starting at ₹199, while still giving serious users larger packs. The current project aims to develop a SaaS-level platform that assists users in identifying, researching, and generating project ideas based on job applications. The platform will present users with highly matched job listings against their CV, conduct in-depth research on companies, roles, and people, and then, based on this comprehensive analysis and the user's skills and experience, suggest tailored project ideas to increase their hiring chances. The user interface should be interactive, SaaS-level, and distinct from the existing job/resume pages, focusing on a premium user experience with a clear distinction between free and premium features regarding project generations, regenerations, and saved projects. A credit system will be implemented for additional AI-heavy actions, with specific pricing tiers for India-focused users. The project generation process for both free and premium users will be manual, initiated by user selection of a generation card, followed by a simulated AI analysis interface. only give the project page dont add or show preview of others page dont do that i want only project page related only Yes. I’d make credits an additional flexibility layer, not something users need to understand for every basic action. Projects Page Feature Free Premium Weekly Project Generations 2 / week 15 / week Saved Projects 10 50 Missing-skills addition Included Included Regenerate Project 1 / week 10 / week Skill-gap analysis ✓ ✓ Project roadmap ✓ ✓ Project modules 5 5 Beginner implementation guide ✓ ✓ Tech stack ✓ ✓ Research insights ✓ ✓ Refresh research insights Free Free Mark project complete ✓ ✓ GitHub / Live Demo proof ✓ ✓ AI Credits included 3 / month 15 / month Extra AI Credits Available to buy Available to buy Use credits for extra project generation ✓ ✓ Use credits for extra regeneration ✓ ✓ Credit packs Available Available Credit packs — India-focused Pack Price Credits Best for Mini ₹49 3 Occasional extra generation Starter ₹99 8 Most Free users Growth ₹199 20 Regular users Pro ₹399 50 Heavy project users How credits work Action Credits New project after weekly allowance 2 credits Extra regeneration 1 credit Add missing skills Free Refresh research insights Free Save project Free Mark complete Free Why I’d use these numbers Free: 2 projects/week + 1 regeneration/week is enough for a real user to experience the feature without making the free version frustrating. Premium: 15 projects/week + 10 regenerations/week is a strong upgrade without being effectively unlimited. Credits: Keep them for extra AI-heavy actions, rather than charging users for basic project functionality. This makes the product much easier to understand. And for Indian users, ₹49 / ₹99 / ₹199 / ₹399 gives you a much lower-friction entry point than starting at ₹199, while still giving serious users larger packs. FREE USER ↓ Projects ↓ Empty State ↓ Create Project ↓ Choose Applied Job ↓ Confirm Skills ↓ Generate ↓ 2 / 2 → 1 / 2 ↓ Project Created ↓ Build Project ↓ Regenerate / Missing Skills ↓ 1 Credit per AI regeneration action ↓ Second New Project ↓ 1 / 2 → 0 / 2 ↓ Free weekly generation limit reached ↓ Wait for reset OR Use paid credits OR Upgrade to Premium PREMIUM USER ↓ Projects ↓ Create Project ↓ Choose Target Role ↓ Confirm Skills ↓ Generate ↓ Project Created ↓ Build ↓ Regenerate ↓ Include Missing Skills ↓ Generate Another ↓ Continue building projects ┌──────────────┐ │ PROJECTS │ └──────┬───────┘ ↓ FIRST VISIT ↓ EMPTY STATE ↓ CREATE PROJECT ↓ CHOOSE TARGET JOB ↓ CONFIRM / EDIT SKILLS ↓ CREDIT CHECK ↓ AI GENERATE ↓ PROJECT WORKSPACE ↙ ↓ ↘ ROADMAP SKILLS STACK ↓ BUILD PROJECT ↓ ┌─────────┴─────────┐ ↓ ↓ REGENERATE MARK COMPLETE 1 CREDIT ↓ ↓ SUBMIT PROOF ↓ ↓ └──────────→ COMPLETED and also follow the colors as below ### **Color Palette (Hex Codes)** * **Warm Paper Background**: `#FAF7F2` / `#F5F1E8` * **Soft Dark Typography & Ink**: `#1A1A1A` / `#171717` / `#121212` * **Vermilion Red Accent**: `#E04E38` / `#D6533C` * **Pure White**: `#FFFFFF` * **Warm Cream Accent Tint**: `#FDF0EB` * **Border Neutral**: `#E5E0D8` * **Muted Text & Icons**: `#555555` / `#888888` * **Emerald Match Green**: `#10B981` / `#059669` / `#ECFDF5` / `#A7B7A1` * **Amber Skill Gap Warning**: `#D97706` / `#FEF3C7` * **Crimson Alert / Destructive**: `#DC2626` / `#FEE2E2` Colors

Projects
Projects

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 8

System Requirements Document for steel-am

1. Introduction

The steel-am project is a SaaS-level web application designed to assist users in identifying, researching, and generating project ideas based on job applications. The platform aims to enhance users' hiring prospects by suggesting tailored project ideas that align with their skills and experience, as well as the job roles they have applied for. The application provides a distinct user experience for free and premium users, incorporating a credit system for AI-heavy actions.

2. System Overview

The steel-am platform is focused on delivering a Projects page that enables users to manually generate project ideas based on applied jobs. The application will feature an interactive and premium user interface distinct from existing job and resume pages. It will incorporate a credit system to manage AI-heavy actions and provide clear distinctions between free and premium user capabilities.

2a. Product Interpretation and Delivery Boundary

The application will deliver a custom Projects page experience, with no automation in project generation. Users will manually select applied-job cards to initiate project generation. The application will maintain a clear distinction between free and premium user features, with specific quotas and credit allowances. The system will use application-owned identity for managing user sessions and project data.

Page 2 of 8

2b. Source Content Inventory

Not applicable as the authoritative content source was inaccessible.

2c. Page Content and Component Coverage

Projects

  • Empty State

    • Displayed on the first visit.
    • Explains project generation steps concisely.
    • Includes a "Create Project" button.
  • Create Project

    • Allows users to select an applied-job card.
    • Provides filters for job listings: 24 hours, 3 days, 1 week.
  • AI Analysis Interface

    • Simulates AI analysis with percentage progress and stages.
    • Engages users with interactive feedback.
  • Project Workspace

    • Displays generated project ideas.
    • Includes skill-gap analysis, missing-skills addition, project roadmap, project modules, beginner implementation guide, tech stack, and research insights.
    • Allows users to refresh research insights, regenerate projects, save projects, and mark them complete.
    • Provides GitHub/Live Demo proof.
  • Credit System

    • Manages AI-heavy actions with credits.
    • Allows purchase of extra credits through India-focused packs.
Page 3 of 8

3. Functional Requirements

  • As a Job Applicant, I should be able to view an empty state on my first visit to the Projects page, explaining how project generation works. (explicit)
  • As a Job Applicant, I should be able to manually select an applied-job card to generate a project idea. (explicit)
  • As a Job Applicant, I should be able to filter applied-job listings by 24 hours, 3 days, or 1 week. (explicit)
  • As a Job Applicant, I should experience an interactive AI analysis interface before project creation. (explicit)
  • As a Job Applicant, I should be able to generate project ideas based on selected jobs and my CV/skills. (explicit)
  • As a Job Applicant, I should be able to access a project workspace with various tools and insights. (explicit)
  • As a Job Applicant, I should be able to manage my project generation and regeneration using a credit system. (explicit)

4. User Personas

  • Job Applicant
    • Responsible for reviewing applied jobs, confirming skills, generating and building tailored projects, managing research and skill gaps, and tracking project completion.

5. Core User Flows

Page 4 of 8

Free User Flow

  1. Projects Page Entry

    • User visits the Projects page for the first time.
    • An empty state is displayed with project generation steps.
  2. Create Project

    • User selects an applied-job card.
    • User filters job listings by time frame.
  3. AI Analysis

    • Interactive AI analysis interface is shown.
    • User observes progress and stages of analysis.
  4. Project Generation

    • Project idea is generated based on job and user skills.
    • User accesses the project workspace.
  5. Project Management

    • User can regenerate projects using credits.
    • User can save projects and mark them complete.
Page 5 of 8

Premium User Flow

  1. Projects Page Entry

    • User accesses the Projects page.
  2. Create Project

    • User selects a target role from applied jobs.
    • User confirms or edits skills.
  3. AI Analysis

    • Interactive AI analysis interface is shown.
    • User observes progress and stages of analysis.
  4. Project Generation

    • Project idea is generated based on job and user skills.
    • User accesses the project workspace.
  5. Project Management

    • User can regenerate projects and include missing skills.
    • User can generate additional projects and continue building.
Page 6 of 8

6. Visuals Colors and Theme

  • Muse: Charles & Ray Eames
  • Color Palette:
    • Warm Paper Background: #FAF7F2 / #F5F1E8
    • Soft Dark Typography & Ink: #1A1A1A / #171717 / #121212
    • Vermilion Red Accent: #E04E38 / #D6533C
    • Pure White: #FFFFFF
    • Warm Cream Accent Tint: #FDF0EB
    • Border Neutral: #E5E0D8
    • Muted Text & Icons: #555555 / #888888
    • Emerald Match Green: #10B981 / #059669 / #ECFDF5 / #A7B7A1
    • Amber Skill Gap Warning: #D97706 / #FEF3C7
    • Crimson Alert / Destructive: #DC2626 / #FEE2E2
  • Typography: Headings in Jost — Bold, large sizes; Body in Literata.
  • Shape Language: Organic-modern shapes with rounded elements.
  • Layout: Gallery-like sequences with modular panels.

7. Signature Design Concept

The Projects page will feature a bold color-blocked hero with overlapping modular elements, using vermilion as the dominant color for immediate impact. Text will be large and engaging, drawing the user into the narrative. The design will incorporate overlapping color blocks to create depth and hierarchy, with friendly, rounded button designs and interactive illustration elements that respond to user interaction.

Page 7 of 8

8. Interaction Model & Motion Direction

  • Interaction Model: Animated
  • Motion Tempo: Restrained
  • Hero Dimensionality: Layered_2d
  • Landing Hero Motion Brief: The focal subject will be an interactive illustration of the project generation process, transforming from job selection to project creation. The motion will use gentle, film-like transitions and slow pan effects to create a calm and inviting experience. A reduced-motion state will be available for accessibility.

9. Non-Functional Requirements

  • The application must support a responsive design for various screen sizes. (basic_default)
  • The system should ensure data privacy and security for user information. (basic_default)

10. Tech Stack

  • Frontend: React
  • Backend: Python/FastAPI
  • Storage: Appropriate database solution
  • Deployment: Docker/docker-compose

11. Assumptions and Constraints

  • The Projects page is the sole focus of this development phase; other pages are not to be previewed or developed.
  • The application will use application-owned identity for managing user sessions and project data.
  • The credit system will be implemented as an additional flexibility layer for AI-heavy actions.
Page 8 of 8

12. Glossary

  • AI Analysis Interface: A simulated interface that shows the progress of AI analysis during project generation.
  • Applied-job Card: A selectable card representing a job the user has applied for, used to initiate project generation.
  • Credit System: A system that manages AI-heavy actions using credits, with specific allowances for free and premium users.
  • Project Workspace: The area where users can view and manage generated project ideas and related tools.
Projects design preview
Projects: View empty state
Sign Up: Create account
Login: Sign in
Projects: Filter job listings
Projects: Select applied-job card
Projects: Confirm skills
Projects: View AI analysis
Projects: Generate project idea
Projects: View project workspace
Projects: Add missing skills
Projects: Refresh research insights
Projects: Regenerate project
Projects: Save project
Projects: Mark project complete
Projects: Purchase credits
Projects design preview
Projects: View empty state
Sign Up: Create account
Login: Sign in
Projects: Filter job listings
Projects: Select applied-job card
Projects: Confirm skills
Projects: View AI analysis
Projects: Generate project idea
Projects: View project workspace
Projects: Add missing skills
Projects: Refresh research insights
Projects: Regenerate project
Projects: Save project
Projects: Mark project complete
Projects: Purchase credits