ViteReactPortfolio

personal-portfolio — Vite Portfolio Template

By Atharva0045

A terminal-style personal portfolio website built with React, Vite, and TailwindCSS, using Framer Motion for animations and EmailJS for the contact form.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

Terminal/Linux-style interface for developer personal showcases

React + Vite + TailwindCSS technology stack

Framer Motion provides page animations

Responsive layout with dark mode support

Contact form sends emails via EmailJS

Template Details

This is a terminal/Linux-style personal portfolio template built with React and Vite, styled with TailwindCSS, and animated with Framer Motion. The layout is responsive, includes dark mode, and presents a developer-friendly command-line interface look. The contact form integrates with EmailJS; you need to configure the service ID, template ID, and public key yourself, and create an email template on the EmailJS side that includes the variables user_name, user_email, and message. The repository is MIT licensed, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons require separate license checks, and external services like EmailJS may charge additional fees. The README does not specify the page sections, number of components, or content structure, so you should read the source code to confirm before use.

ViteReactPortfolio

Is it right for your project?

Use Cases

Building a personal developer portfolio website
As a learning reference for React + Vite projects
Front-end practice requiring a terminal visual style

Suitable For

Developers with React basics who want to quickly build a personal portfolio
Front-end learners needing a terminal-style interface reference

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Install Node.js and npm or yarn first, then run npm install to install dependencies
2
Create a .env file in the project root and fill in VITE_EMAILJS_SERVICE_ID, VITE_EMAILJS_TEMPLATE_ID, VITE_EMAILJS_PUBLIC_KEY
3
Create an email service and template on EmailJS; the template must include the variables user_name, user_email, and message
4
Use npm run dev to start the local development server
5
When distributing the code, retain the original author's copyright notice and the MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of a public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; the code's MIT license alone is not sufficient.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.
The contact form relies on the external EmailJS service; you must register an EmailJS account and create an email service and template, otherwise the form cannot send emails.
Before using the contact form, you must configure the EmailJS Service ID, Template ID, and Public Key in the .env file.
You must create an email template on the EmailJS side yourself, and the template must include the three variables user_name, user_email, and message, otherwise the form data cannot be delivered correctly.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Create an account at [EmailJS](https://www.emailjs.com/)
Original README

VITE_EMAILJS_SERVICE_ID=your_service_id VITE_EMAILJS_TEMPLATE_ID=your_template_id VITE_EMAILJS_PUBLIC_KEY=your_public_key
Original README

Create an email template with the following variables: - `user_name` - `user_email` - `message`
Original README

https://github.com/Atharva0045/personal-portfolio/blob/main/LICENSE https://github.com/Atharva0045/personal-portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 88 / 100
Technologies: Vite · React
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-08-26
Screenshot last checked: 2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 9293352257cd704abe7fe9de23ef5a00bdacba4f1dcfb807a061665a6192adee

2026-10-13T01:10:33.248Z

Source file / repository

# Terminal-Style Personal Portfolio

A modern, terminal-themed personal portfolio website built with React, Vite, and TailwindCSS. Features a clean, developer-friendly interface with smooth animations and a contact form powered by EmailJS.

![Portfolio Preview](src/assets/preview.png)

## ✨ Features

- 🎯 Linux-inspired design
- 🎨 Smooth animations using Framer Motion
- 📱 Responsive layout
- 📧 Working contact form with EmailJS integration
- 🌙 Dark mode
- 🎉 Modern UI components

## 🚀 Quick Start

### Prerequisites

- Node.js
- npm or yarn
- Git

### Installation

1. Clone the repository:
```bash
   git clone https://github.com/atharva0045/personal-portfolio.git
   cd personal-portfolio
   ```

2. Install dependencies:
```bash
   npm install
   # or
   yarn install
```

3. Create a `.env` file in the root directory:
```env
   VITE_EMAILJS_SERVICE_ID=your_service_id
   VITE_EMAILJS_TEMPLATE_ID=your_template_id
   VITE_EMAILJS_PUBLIC_KEY=your_public_key 
```

4. Start the development server:
```bash
   npm run dev
   # or
   yarn dev
```

### EmailJS Setup

1. Create an account at [EmailJS](https://www.emailjs.com/)
2. Create a new Email Service (Gmail, Outlook, etc.)
3. Create an email template with the following variables:
   - `user_name`
   - `user_email`
   - `message`
4. Get your credentials:
   - Service ID
   - Template ID
   - Public Key
5. Add these credentials to your `.env` file

## 🛠️ Built With

- [React](https://reactjs.org/)
- [Vite](https://vitejs.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [EmailJS](https://www.emailjs.com/)

## 📄 License

This project is open source and available under the [MIT License](LICENSE)

## Support

Give a ⭐️ if you've used the project code for your own portfolio

## 📧 Contact

If you want to contact me, you can reach me through my portfolio website

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Resumify

Resumify is a browser-based resume builder built with React, TypeScript, and Vite.

Vite · Portfolio

showlit

Showlit is a personal website template built with React, Vite, TypeScript, Tailwind CSS, and shadcn/ui.

Vite · Portfolio

folium

A developer portfolio template built with Vite, React, TypeScript, and Tailwind CSS.

Vite · Portfolio

kurizu-discord

A personal portfolio website built with React and Vite that mimics the Discord desktop app, organizing projects, skills, and experience into customizable channels, threads, a member list, and emoji reactions.

Vite · Portfolio

cv-educornelsen

A React + TypeScript personal portfolio template built with Vite, featuring a streaming AI chatbot powered by Google Gemini. An Express backend proxies requests to keep the API key server-side, with rate limiting, IP throttling, canary token injection, and LangFuse tracing.

Vite · Portfolio

about-me-personal-portfolio-website-template

AboutMe is a free personal website template built with Bootstrap and Vite, released under the MIT license. It provides a single-page index.html with organized src directories for images, JavaScript, and SCSS, along with npm scripts for development and build.

Vite · Portfolio