Web Terminal Based Portfolio banner

Web Terminal Based Portfolio

5 devlogs
1h 43m 12s

A command line styled web terminal based portfolio website built with React and TypeScript. Navigate through my experience, projects and skills using familiar terminal commands.

This project uses AI

Used Kimi-K2 for minor debugging, devlogs and README writing :)

Demo Repository

Loading README...

satya//7YA

Shipped this project!

A command line styled web terminal based portfolio website built with React and TypeScript. Navigate through my experience, projects and skills using familiar terminal commands.

satya//7YA

Heheheheh :) It’s done! 🎉 Version 1.0.0 is live! Just wrapped up the final major features:

New Commands Added:

  • education - Shows academic background
  • contact - Displays email and phone
  • socials - Lists all social media links
  • ls - Lists available portfolio sections (like Unix ls!)
  • cat - Shows raw JSON data for any section

Technical Improvements:

  • Added useMemo for prompt label optimization
  • Created reusable get_json_section helper function
  • Better error handling for invalid commands
  • More comprehensive help system
  • Added commented-out terminal header (for future UI upgrade)

Code Quality:

  • Better TypeScript typing throughout
  • More consistent command parsing
  • Improved data structure organization
  • Cleaner separation of concerns

The terminal now feels like a complete portfolio system! You can navigate through all aspects of my professional profile using familiar Unix commands. The cat command is especially cool - it shows the raw JSON data, which is great for debugging and transparency.

Attachment
0
satya//7YA

Added two of the most important commands: projects and experience!

The projects command now displays all my projects with:

  • Project title and number
  • Description
  • Tech stack used
  • Links to live demos/code

The experience command shows work history with:

  • Role, company, and time period
  • Detailed description of responsibilities
  • Clean separator between positions
    I spent a lot of time on the formatting - wanted it to feel like reading a well-organized terminal output. The multi-line formatting for each project/experience entry makes it super readable.

Also added:

  • More comprehensive help command
  • Better data structure for projects and experience
  • Improved error handling for missing data

The terminal is really starting to feel like a proper portfolio viewer now! Thinking about adding education section next, and maybe some JSON export functionality. The core architecture is handling the complexity really well

Attachment
0
satya//7YA

Just implemented dynamic data loading from a JSON file. The terminal now actually displays real portfolio information instead of hardcoded text!

Key improvements:

  • Added async data loading with proper error handling
  • Created TypeScript interfaces for portfolio data structure
  • Added summary and skills commands that display actual content
  • Implemented loading states with user feedback
  • Better error messages when data fails to load
  • The architecture is really coming together. Having the data in JSON makes it super easy to update without touching the code. The type safety is giving me confidence that the data structure is solid.

Next steps: I want to add projects and experience sections, but first I need to expand the data structure. Also thinking about adding some visual improvements like a terminal header with window controls. The foundation is rock solid now!

Attachment
0
satya//7YA

Just got the basic terminal interface up and running! Started with the foundation - a clean terminal that responds to basic Unix commands. Right now it supports help, about, date, whoami, pwd, and clear.

The terminal styling is minimal but functional - went with a dark theme because duh, terminals should be dark! The input handling is working smoothly, and I’m pretty happy with how the command parsing turned out.

Next up: I need to add the actual portfolio data and make it display dynamically. Thinking of loading it from a JSON file so it’s easy to update. The architecture is solid, just need to add the meat!

Attachment
Attachment
0
satya//7YA

soo yeahhh just started working on this terminal style portfolio project. first thing i did was set up a fresh project using npm with vite latest, kept it simple and clean. removed all the default css and unnecessary stuff so i can build everything from scratch the way i want.

goal is to make it feel like a real terminal where everything works through commands and text, so starting with a clean base felt important. still early stage but setup is done and ready to build on top of it…

Attachment
0