Personal Portfolio (Vite)

This is my personal developer portfolio, built with a modern Vite setup and deployed on Vercel.
It showcases my projects, skills, and experience as an engineer focusing on full‑stack web development, cloud deployment, and AI‑related work.

Live Site

• Production: https://portfolio-nine-gold-ps861lri0b.vercel.app/

The site is automatically built and deployed from this repository using Vercel and GitHub.

---

Tech Stack

• Build tool: Vite
• Language: JavaScript (ES Modules)
• Markup & styling: HTML, CSS
• Runtime: Node.js (Node 20+ required for local development)
• Deployment: Vercel
• Automation:
  • GitHub Actions for CI
  • vercel.json for deployment configuration
  • deploy.ps1 PowerShell script for streamlined deployment

You can see the Node and Vite setup in package.json.

{
  "name": "portfolio",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "engines": {
    "node": ">=20"
  },
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^8.0.10"
  }
}

---

Features

Note: This section describes the intended features of the portfolio.
Update it to match the actual sections/components once your src code is finalized.

• Landing / Hero section
  Brief introduction, role, and primary focus areas (AI engineering, full‑stack, cloud deployment).
• About section
  Short story about my background, skills, and current goals.
• Projects
  Highlight of selected projects with links to GitHub repos and live demos, focusing on:
  • AI / ML / LLM‑related work
  • Full‑stack applications
  • Deployment/DevOps automations
• Skills
  Tech stack overview (languages, frameworks, tools, cloud providers, CI/CD).
• Experience / Timeline (optional)
  Work history, notable freelance or personal projects, and milestones.
• Contact
  Links (email, LinkedIn, GitHub, etc.) and a simple way to reach out.

---

Getting Started

Prerequisites

• Node.js 20 or higher installed on your machine.
• A package manager (npm comes with Node).

Installation

Clone the repository and install dependencies:

git clone https://github.com/unnita1235-code/portfolio.git
cd portfolio
npm install

Development

Start the local dev server with hot reload:

npm run dev

By default, Vite will run on http://localhost:5173 (or the next available port).
Open that URL in your browser to view the site during development.

Production Build

Create an optimized production build:

npm run build

Preview the production build locally:

npm run preview

---

Deployment

This portfolio is deployed to Vercel, using the configuration in vercel.json and deployment automation via GitHub and PowerShell.

General deployment flow:

1. Push to the main branch on GitHub.
2. Vercel picks up the changes, runs a Vite production build, and deploys the output.
3. Optional: use deploy.ps1 for scripted deployment tasks (e.g., environment checks, build + deploy in one step).

If you want to deploy your own fork:

1. Create a Vercel project and link it to your fork of this repo.
2. Set the Framework Preset to Vite (or just use default settings).
3. Configure the build command as npm run build and output directory as dist.
4. Push to your main branch and let Vercel handle the deployment.

---

Project Structure

This reflects a typical Vite portfolio structure.
Adjust the section once your src files are committed.

.
├─ .github/
│  └─ workflows/        # CI workflows (build / checks / deploy hooks)
├─ public/              # Static assets (favicons, images, etc.)
├─ src/
│  ├─ main.jsx          # Application entry
│  ├─ App.jsx           # Root component, routing/layout
│  ├─ components/       # Reusable UI components (Navbar, Footer, Cards, etc.)
│  ├─ sections/         # Page sections (Hero, About, Projects, Contact)
│  └─ styles/           # Global and component styles (if applicable)
├─ index.html           # Root HTML file
├─ package.json         # Scripts and dependencies
├─ vercel.json          # Vercel deployment config
├─ deploy.ps1           # Deployment helper script
└─ README.md            # Project documentation

---

About Me

Short version for this README (you can adapt/extend it).

I am an engineer based in Kerala, India, focused on building reliable web applications and deployment pipelines. My main interests are AI engineering, full‑stack development, and automating the path from local code to production. I enjoy turning ideas into deployed, observable products and continuously improving my skills in cloud infrastructure, CI/CD, and modern JavaScript tooling.

---

Roadmap

Planned improvements for this portfolio:

• Add detailed case studies for selected projects (including architecture, stack, and deployment details).
• Integrate a simple blog or notes section for dev/AI write‑ups.
• Improve accessibility and performance metrics (Lighthouse, Core Web Vitals).
• Add analytics and better error monitoring for the live site.

---

License

This portfolio is currently private to me.
If you want to reuse parts of it, please contact me first.