为 2026 届毕业生打造的 GradShift:从校园到职场的开源 AI 伴侣
I Built GradShift for My Friend Who Had Zero Corporate Exposure — Class of 2026 Companion
开发者用 Llama 系列开放权重模型打造了 GradShift,一个面向 2026 届毕业生的单文件 HTML 应用,包含 5 个实用工具:Mind Matters 心理工具包、首 90 天指南、职场生存包、薪资计算器和匿名故事墙。所有数据仅存于 localStorage,无需登录和服务器,83kb 可离线运行,未来可接入 Ollama + Llama 3.2 3B 实现完全本地化推理。
This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend
I started building for one friend. His whole batch uses it now.
What I Built
GradShift — Campus to Corporate Companion
My friend, Class of 2026, got his first corporate offer and texted at 2am: "Am I good enough? I have zero corporate exposure."
He's BTech, but this is everyone straight out of campus — BTech, BCom, BA, BSc, BBA, MBA — any degree, first job, no idea how corporate actually works.
GradShift is what a senior friend would tell you at 2am in the hostel corridor. Not a course. 5 utilities, one flow:
1. Mind Matters Toolkit — for when your chest gets tight before Day 1
- Panic Button: One tap → full-screen breathing canvas. 4-4-4-4 box breathing with a visual circle, then 5-4-3-2-1 grounding (5 things you see, 4 you touch...). No login, no sound needed, works in a crowded PG room.
- Private Check-in: How are you really? 😰😔😐🙂😄 — you pick, it stays in your tab only via localStorage. No server, no streak shaming. Just a mirror that says "you felt this 3 days ago, it's okay."
- Imposter Decoder: You type "Everyone knows Excel except me" → it reframes: "3 out of 10 people in Stories Wall said the same Week 1. Here's what they did: asked their buddy, watched one 10-min video." Not therapy, just peer normalization.
- Burnout Flags: Subtle signs — "You stopped eating lunch away from desk" "You dream about emails" — with Kiran Helpline 1800-599-0019 right there, not hidden in footer.
2. Your First 90 Days — because no one tells you corporate has seasons
- Days 1-7: Orientation & Docs: What to actually carry, how to read your offer letter, why your UAN matters more than your employee ID that week.
- Days 8-30: Training & Shadow: How to shadow without being annoying, how to ask "dumb" questions, the art of saying "I don't know, but I'll figure out by EOD."
- Days 31-90: First Real Work: Your first independent task will be small. That's intentional. How to send your first update, how to handle first feedback without crying in washroom (and what to do if you do).
Generic, so it works for Sales, Marketing, Finance, Ops, HR, Tech — not just CSE.
3. Corporate Survival Kit — copy-paste because you shouldn't learn email at 2am
- Email Templates (<100 words each): Sick leave without over-explaining, extension request without sounding lazy, thank you after interview, "I didn't understand the task" without sounding incompetent. Just copy, change name, send.
- Jargon Wall: Bandwidth ≠ WiFi. KT = Knowledge Transfer. EOD = your 6pm, not 11:59pm. OOO, LWD, PIP, Bench, Billable — explained like a senior would, not a dictionary. My friend's favorite: "Bench is not punishment. It's between projects. Use it to upskill, not spiral."
- Daily Standup Decoder: What your manager actually wants in 30 seconds: What you did, what you'll do, blocker. Not your life story.
4. Money & Adulting — because LPA is not monthly salary
- LPA to In-Hand Calculator: Type 6 LPA → see PF, gratuity, tax, insurance cut → real take-home. First time most grads see it and don't get shocked on 31st.
- First Month Checklist: Activate UAN, link PAN-Aadhaar, understand Form 16, why you need health insurance even at 22, rent agreement basics.
- Salary Day Reality: What to do first 48 hours after first salary — 3 buckets, not finance bro advice.
5. Stories Wall — 10 people who felt like you, anonymous
Filter by First Day / First Mistake / Mental Health / Money. BCom who froze on first client call, BA English who thought corporate was only for MBA, BSc Ops who didn't know VLOOKUP Day 1, MBA who got PIP in month 2 and survived, BBA who cried after first review. Mood tags 😰😅🥹, batch tags, category. And a "Share Yours Anonymously" that goes to localStorage — no one knows it's you, but next junior feels less alone.
I built for one. His batch made it theirs.
Demo
Live, no login: https://gradshift.netlify.app
I handed it to him at midnight. He said: "Bro, 'bench is not punishment' — I needed that." Then he shared it in his batch WhatsApp.
How I Built It
I didn't start with a tech stack. I started with a 2am voice note.
I sketched the panic moments on paper first — first email, first standup, first "let's take this offline" nod. Mapped those into 5 utilities, not 40 features.
Open-source AI as co-writer, not replacement:
I used open-weight models from the Llama family as my co-writer. I wrote the raw story — "commerce grad, froze on client call" — the model helped reframe it in a warm, senior-bhaiya voice. If it sounded like HR, I deleted it. If it sounded like hostel corridor, I kept it. Same for email templates: I gave it "under 100 words, any degree" and curated it human.
No-server by design:
Single HTML file — React + Tailwind via CDN, Plus Jakarta Sans + Caveat for handwritten note feeling. Every check-in, mood, custom story = localStorage only. Close tab, still there. Designed so tomorrow you can drop in Ollama + Llama 3.2 3B and run reframes fully offline — no API, no internet. That swap only works because weights are open.
From idea at 2am to live link at 11am — open tools, for one person.
Why Does Open Innovation Matter?
Because trust is the feature.
1. Open is the only way to handle a 2am thought. If this was closed API, "I feel like a fraud" would travel to someone else's server, get logged, billed. He would never type it. With open-weight models that can run on his device, his panic stays in his device. For mental-health-adjacent tools, closed is not an option.
2. Open is free forever. Closed charges per token — a breathing exercise becomes $0.002. GradShift is 83kb, loads once, works offline in a PG with flaky WiFi. And if we need backend, Supabase (open Postgres) gives 500MB and 50k users free — that's 500,000 stories for $0.
3. Open is forkable — that's how one friend becomes every campus. Any batch can copy one file, replace stories with their seniors from Kolkata, Pune, Delhi, translate to Bengali/Hindi. My friend changed footer to "For BCom 2026, by BCom 2026" in 30 seconds. You can't do that with closed tech. That's ownership.
4. Open beats generic advice with lived experience. Open models can be fine-tuned on your own Stories Wall — now the imposter decoder sounds like YOUR senior, not a generic chatbot. That future only exists if weights are open and data stays local.
I built a letter from one friend to another, using tools that let that letter stay private, free, and copyable.
If you're Class of 2026 — what would you add to the Stories Wall? Drop it in comments.
来源:Google AI:DEV 作者专属(RSS) · dev.to