My Personal Portfolio

A clean, minimal portfolio website built with Next.js, Tailwind CSS, and Shadcn UI. Features an AI chatbot, email contact form, and blog.

The main branch is where I experiment with new ideas. If you want a stable, ready-to-use version, check out the v1.0.0 release.

Live Demo

🌐 Check it out here: tedawf.com

Features

• Minimal design with Shadcn UI
• Light/dark mode toggle
• AI chatbot (Ted Support) trained on my portfolio content - please be nice to it! 😊
• Contact form with email integration
• Responsive mobile design
• Blog section

Tech Stack

v1.0.0

• Next.js
• Tailwind CSS
• Shadcn UI
• OpenAI API (chatbot)
• Vercel (hosting)
• AstraDB (vector storage)
• Upstash (caching)
• Resend (email)

Main branch

• Next.js
• Tailwind CSS
• Shadcn UI
• OpenAI API (chatbot)
• Vercel (hosting)
• Resend (email)
• Postgres + pgvector (vector storage)
• Obsidian + LiveSync plugin (CMS)
• CouchDB (document storage)

Getting Started

git clone https://github.com/tedawf/tedawf.com my-portfolio
cd my-portfolio
git checkout tags/v1.0.0
npm install
cp .env.example .env.local
# add your API keys to .env.local
npm run dev

Environment Variables

See .env.example

Customization

• Update personal info in src/data/*.json
• Replace projects in src/data/projects.json
• Replace blog posts in content/ or remove it.
• Replace your resume with public/resume.pdf
• Modify chatbot prompt in src/app/api/chat/route.ts

Deployment

I prefer Vercel for Next.js projects:

1. Push your fork to GitHub
2. Connect repo to Vercel
3. Add environment variables
4. Deploy 🎉

Costs

• OpenAI API: ~$5
• Domain: ~$20/year
• Hosting/DB: Free tiers

License

MIT

Featured on YouTube!

📺 Live Portfolio Review by Anthony Sistilli - Got reviewed live on his stream!

🔥 Started a trend? - Apparently this portfolio design inspired others!

✨ Feel free to fork and make it your own! Would love to see what you guys do with it!

-- Ted