A retro-inspired, interactive terminal portfolio built with React, Vite, and Tailwind CSS. Users can explore your profile, projects, blogs, and more through a command-line interface, complete with boot animations, command routing, autocomplete, and a clickable help menu.
- Animated Boot Screen: Simulates a system boot sequence with ASCII art and typewriter effects.
- Terminal UI: All navigation and content are accessed via a terminal-like interface.
- Command Routing: Type commands like
aboutme,blogs,projects,thoughts, orhelpto view different sections. - Help Menu: Type
helpor click the help link to see all available commands. Each command (except destructive ones) is clickable. - Autocomplete: Start typing a command and press
Tabor the right arrow key to autocomplete (e.g.,a+Tab→aboutme). - Clear/Destroy: Use
clearto reset the terminal, ordestroyto simulate a session wipe and restart. - Responsive Design: Works on desktop and mobile.
- Clone the repository:
git clone https://github.com/akshay-arjun/My-Blog cd My-Blog - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open in your browser: Visit http://localhost:5173 (or the port shown in your terminal).
- On load, watch the animated boot sequence.
- Type commands in the terminal prompt (e.g.,
aboutme,blogs,projects,thoughts,help). - Use
Tabor the right arrow key for command autocomplete. - Click commands in the help menu for quick navigation.
- Use
clearto reset the terminal, ordestroyto restart the session.
- Edit your personal info, skills, and experience in
src/components/AboutMe.tsx. - Add or modify projects in
src/components/Projects.tsx. - Add blog posts and logic in
src/components/Blogs.tsxand related files. - Tweak the boot sequence in
src/components/BootScreen.tsx.
- Built with React, Vite, and Tailwind CSS.
- Inspired by classic terminal UIs and hacker aesthetics.
Feel free to fork, customize, and use for your own portfolio!