A sleek, terminal-inspired portfolio website that showcases my journey as a full-stack developer through an interactive command-line interface.
- Interactive Terminal: Navigate through my portfolio using familiar terminal commands
- 3D Globe Viewer: Launch an interactive 3D globe with
launch globe - Real-time Status Bar: Shows current date, time, and system information
- Responsive Design: Optimized for both desktop and mobile experiences
- Multiple Commands: Explore different sections with intuitive commands
| Command | Description |
|---|---|
help |
Show all available commands |
fastfetch |
Display a summary of my profile |
about |
Learn about me and my background |
skills |
Explore my technical expertise |
projects |
View my portfolio projects |
experience |
See my work experience and internships |
education |
Check out my educational background |
contact |
Get my contact information |
launch globe |
Launch the interactive 3D globe viewer |
clear |
Clear the terminal screen |
date |
Show current date and time |
whoami |
Display current user information |
- Frontend: Next.js 14, React, TypeScript
- Styling: Tailwind CSS
- Font: Custom monospace fonts (Antonio Bold, LTYPE)
- Deployment: Vercel
-
Clone the repository
git clone <repository-url> cd daroh-os
-
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open your browser Navigate to http://localhost:3000
-
Start exploring! Type
helpin the terminal to see all available commands
- Type any command and press Enter to execute
- Use
helpto see all available commands - Try
fastfetchfor a quick overview - Use
launch globeto open the 3D globe viewer - Type
exitto return from the globe viewer to the terminal
The terminal interface adapts seamlessly across devices:
- Desktop: Full terminal experience with all features
- Mobile: Touch-friendly interface with virtual keyboard support
- Tablet: Optimized layout for medium screens
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start
# Lint the code
npm run lintThis project is optimized for deployment on Vercel. Simply connect your repository and deploy!
For other platforms, build the project and serve the out directory:
npm run build- Commands: Modify
src/config/commands.tsto add or remove commands - Portfolio Data: Update
src/data/portfolio.tswith your information - Styling: Customize the theme in
src/app/globals.css - Components: Extend functionality by modifying components in
src/components/