https://github.com/bkarthik7/terminal-portfolio
https://github.com/bkarthik7/terminal-portfolio
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bkarthik7/terminal-portfolio
- Owner: BKarthik7
- Created: 2024-03-27T08:49:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-07T13:50:46.000Z (8 months ago)
- Last Synced: 2025-03-29T04:51:20.696Z (7 months ago)
- Language: JavaScript
- Homepage: https://bkarthik7.github.io/terminal-portfolio/
- Size: 11.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Terminal Portfolio
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.
## Features
- **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.
## Tech Stack
- **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.
## Installation
To get started with this project locally, follow the steps below:
1. Clone the repository:
```bash
git clone https://github.com/BKarthik7/terminal-portfolio.git
```
2. Navigate into the project directory:
```bash
cd terminal-portfolio
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open the app in your browser:
```bash
start http://localhost:3000
```
## Usage
Once 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.
## Contributing
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!