Welcome to my terminal-based portfolio! This project simulates a terminal interface where users can interact with commands to explore my personal information, skills, and projects. The UI is built using React and styled with TailwindCSS, giving it a retro terminal look and feel.
- Command Line Interface: Interact with the portfolio through command-line style inputs.
- Lazy Loaded Background Image: The background image is loaded efficiently using lazy loading.
- Command History: Navigate through previously entered commands using the up/down arrow keys.
- Responsive UI: Designed for desktop use, with a mobile warning for optimal viewing experience.
- React Components: Modular structure with custom command inputs, status indicators, and navbar.
- React: Component-based UI library for building the interface.
- TailwindCSS: Utility-first CSS framework for styling.
- React Icons: Used for terminal-style icons.
- React Lazy Load Image: For efficient lazy loading of the background image.
To get started with this project locally, follow the steps below:
- Clone the repository:
git clone https://github.com/BKarthik7/terminal-portfolio.git- Navigate into the project directory:
cd terminal-portfolio- Install dependencies:
npm install- Start the development server:
npm start- Open the app in your browser:
start http://localhost:3000Once the app is running, you will be presented with a terminal-like interface where you can interact by entering various commands such as:
help: Lists available commands.bio: Displays personal information.skills: Lists programming skills.projects: Displays a list of my projects.
If you'd like to contribute to this project, feel free to submit a pull request or open an issue with suggestions. Contributions are welcome!