CLI Portfolio

Disclaimer: Use as Template by forking repo

A command-line interface (CLI) inspired portfolio that simulates a terminal experience for showcasing your skills, projects, and professional journey. Built with Next.js, React, and Tailwind CSS, this portfolio provides an engaging, retro-themed way to explore your personal information.

CLI Portfolio Screenshot

🚀 Features

• Interactive Commands: Navigate the portfolio by typing commands like help, about, projects, and more.
• Command Autocomplete & History: Command history and intuitive prompts create a smooth user experience.
• Keyword Highlighting: Certain commands are highlighted to enhance readability and the CLI feel.
• Responsive Design: Tailored for both desktop and mobile users, ensuring accessibility.(coming soon)
• Auto-Scroll: The terminal output auto-scrolls as new commands are entered, keeping the focus on the latest interaction.

🛠️ Tech Stack

• Next.js - For server-side rendering and optimized performance
• React - To manage component state and dynamic UI
• Tailwind CSS - For responsive and easily customizable styling

💻 Getting Started

To run this project locally, follow these steps:

Prerequisites

• Node.js (v14+ recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/surajpathakcs/cli-portfolio.git
   cd cli-portfolio

Install dependencies:

npm install

Run the development server:

npm run dev

Open http://localhost:3000 in your browser to see the project.

📝 Commands

help - List available commands
about - View a short bio
skills - See technical skills
projects - List notable projects
clear - Clear the terminal screen
Customize these commands in the commands object within the CLI component to add or modify sections as needed.

🌐 Deployment

To deploy this project on Vercel: Push your code to GitHub. Go to Vercel and create a new project. Import the repository and follow the instructions for deployment. 📸 Screenshots Include screenshots of your project to show how it looks.

🎨 Customization

Colors and Fonts: Customize Tailwind CSS classes for personalized styling. New Commands: Easily add new commands by updating the commands object in the CLI component.

🤝 Contributing

Feel free to open issues or submit pull requests. Contributions are welcome!😉