Vishwa — Portfolio

A modern, performant developer portfolio built with Vite, React, TypeScript, Tailwind CSS, and shadcn/ui. Smooth animations via Framer Motion and clean, reusable UI components.

Features

• Responsive UI with Tailwind CSS
• Reusable components using shadcn/ui patterns
• Animations powered by Framer Motion
• Type-safe with TypeScript
• Fast dev/build using Vite

Tech Stack

• Vite, React, TypeScript
• Tailwind CSS, shadcn/ui (Radix + class-variance-authority)
• Framer Motion, Lucide Icons

Getting Started

Requirements:

• Node.js 18+ (LTS recommended)
• npm (or pnpm/yarn). This repo uses npm scripts.

Install and run:

npm install
npm run dev

Build and preview:

npm run build
npm run preview

Lint:

npm run lint

Project Structure

public/                # static assets
src/
  components/          # UI and feature components
    ui/                # shadcn/ui primitives (e.g., button, card)
  hooks/               # custom hooks
  lib/                 # utilities (e.g., cn helper)
  pages/               # routed pages (Index, NotFound)
tailwind.config.ts     # Tailwind config
vite.config.ts         # Vite config

Development Notes

• UI primitives live under src/components/ui/ (e.g., button.tsx, card.tsx).
• Prefer asChild when rendering links as buttons (see src/components/Projects.tsx).
• Keep components presentational; lift data/config where possible.

Deployment

• Vercel: Create new project from this repo. Framework preset: Vite. Build command: npm run build. Output: dist.
• Netlify: Build command npm run build, publish directory dist.

License

This project is provided as-is. Add a LICENSE file if you plan to open-source under a specific license.

---

Below is the original Lovable template (kept for reference):