Coder Social home page Coder Social logo

relativvv / terminal-portfolio Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thtauhid/terminal-portfolio

0.0 0.0 0.0 169 KB

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

Home Page: https://my-terminal-portfolio.vercel.app/

Shell 0.79% JavaScript 8.05% TypeScript 81.24% CSS 5.75% HTML 4.16%

terminal-portfolio's Introduction

image

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

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.

Contributors

Made with contrib.rocks.

License

MIT License

terminal-portfolio's People

Contributors

thtauhid avatar ranjeetj06 avatar paulie-aditya avatar kritika30032002 avatar vr-varad avatar divyanshinarang avatar irfanfaraaz avatar deafwired avatar linhnguyenle2109 avatar rupeshghosh10 avatar groggy7 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.