DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A portfolio site that looks and feels like a terminal, Built with React and Tailwind

A portfolio site that looks and feels like a terminal, Built with React and Tailwind

A portfolio site that looks and feels like a terminal, Built with React and Tailwind

terminal-portfolio

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
Enter fullscreen mode Exit fullscreen mode

Usage

To run the development server:

npm run dev
Enter fullscreen mode Exit fullscreen mode

To build the project:

npm run build
Enter fullscreen mode Exit fullscreen mode

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:

License

MIT License

GitHub

View Github

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More