search

thtauhid / terminal-portfolio

A portfolio site that looks and feels like a terminal. Built with React + Tailwind.
https://my-terminal-portfolio.vercel.app/
MIT License
30 stars 24 forks source link
hacktoberfest hacktoberfest10 hacktoberfest2023 mit-license portfolio react tailwind terminal terminal-portfolio terminal-portfolio-template typescript vite

readme

terminal-portfolio

image

Read our goals and roadmap here.

About

A portfolio site template that looks and feels like a terminal.

Production: https://my-terminal-portfolio.vercel.app/

Installation

git clone https://github.com/thtauhid/terminal-portfolio
cd terminal-portfolio
npm install

Usage

To run the development server:

npm run dev

To build the project:

npm run build

Technologies Used

  1. Vite: Vite is a build tool that helps make your web development faster by providing quick development server and efficient production builds.

  2. React: React is a JavaScript library for building user interfaces. It helps create interactive and reusable components for web applications.

  3. React Hook Form: React Hook Form is a library for managing and validating form input in React applications. It simplifies form handling.

  4. TypeScript: TypeScript is a programming language that adds static typing to JavaScript, making it easier to catch and prevent common errors in your code.

  5. ESLint: ESLint is a tool for identifying and fixing common errors and maintaining code quality in JavaScript and TypeScript.

  6. Tailwind CSS: Tailwind CSS is a utility-first CSS framework that simplifies styling by providing pre-built classes for common styles.

  7. Vercel Analytics: This is a package for adding analytics and monitoring to your web application, often used for tracking user interactions and performance.

Deployment

You can deploy this project to any static site hosting service.

Some of the popular ones are:

Deploying to Vercel

Vercel is a recommended platform for deploying your terminal-portfolio. Here are the steps to deploy your project to Vercel and enable Vercel Analytics:

  1. Sign in to your Vercel account or create one if you don't have an account yet.

  2. Install the Vercel CLI by running the following command:

npm install -g vercel
  1. Authenticate your Vercel account using the following command:
vercel login
  1. Navigate to your project directory:
cd terminal-portfolio
  1. Deploy your project to Vercel:
vercel

  1. Follow the prompts to configure your deployment settings. Make sure to choose a domain name and set up the deployment environment according to your preferences.

  2. Once the deployment is complete, your terminal-portfolio will be live on Vercel, and Vercel Analytics will be enabled by default, providing you with valuable insights into your website's performance.

Contributing

Contributing Guide

Feel free to open an issue if you find a bug or want to suggest a feature.

Hacktoberfest

  1. Star the project.
  2. Join our Discord server to discuss ideas and ask questions.
  3. Please make sure to read the rules before opening a pull request.
  4. The maintainer(s) will add the hacktoberfest-accepted label after reviewing and accepting your pull request.
  5. Refer to the dedicated hacktoberfest project view to see what issues are available to work on.
  6. Low quality PRs will not be merged

Contributors

Made with contrib.rocks.

License

MIT License