https://github.com/grenish/personal-portfolio

Portfolio website is made using React, Tailwindcss, and MaterialUI and is hosted on vercel.
https://github.com/grenish/personal-portfolio

material-ui portfolio portfolio-website react tailwindcss vercel vercel-deployment

Last synced: 8 months ago
JSON representation

Portfolio website is made using React, Tailwindcss, and MaterialUI and is hosted on vercel.

• Host: GitHub
• URL: https://github.com/grenish/personal-portfolio
• Owner: Grenish
• Created: 2023-08-30T15:00:18.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-02T18:12:17.000Z (over 1 year ago)
• Last Synced: 2025-03-29T06:46:18.106Z (about 1 year ago)
• Topics: material-ui, portfolio, portfolio-website, react, tailwindcss, vercel, vercel-deployment
• Language: TypeScript
• Homepage: https://grenishrai.vercel.app/
• Size: 20.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# Grenish Rai

![Portfolio Preview](./public/page.png)

A modern, responsive personal portfolio website built with Next.js 15, TypeScript, and TailwindCSS. Features a sleek dark theme, smooth animations, and interactive contact form with email notifications.

## ✨ Features

- **Modern Design**: Clean, minimalist interface with dark theme

- **Responsive Layout**: Optimized for all devices and screen sizes

- **Interactive Hero Section**: Dynamic animations and effects

- **Project Showcase**: Detailed project cards with links and descriptions

- **Hackathon Timeline**: Visual timeline of hackathon participations

- **Blog System**: Dynamic blog posts with markdown support

- **Contact Form**: Functional contact form with email notifications via Resend

- **SEO Optimized**: Built-in SEO with sitemap and robots.txt

- **Performance Optimized**: Fast loading with Next.js optimizations

## 🛠️ Tech Stack

- **Framework**: [Next.js 15](https://nextjs.org/) with App Router

- **Language**: [TypeScript](https://www.typescriptlang.org/)

- **Styling**: [TailwindCSS](https://tailwindcss.com/)

- **Animations**: [GSAP](https://greensock.com/gsap/)

- **Email**: [Resend](https://resend.com/) + [React Email](https://react.email/)

- **Markdown**: [React Markdown](https://github.com/remarkjs/react-markdown)

- **Icons**: [Lucide React](https://lucide.dev/)

- **Package Manager**: [Bun](https://bun.sh/)

## 🙏 Acknowledgments

- [Next.js](https://nextjs.org/) for the amazing framework

- [TailwindCSS](https://tailwindcss.com/) for the utility-first CSS

- [Vercel](https://vercel.com/) for hosting

- [Resend](https://resend.com/) for email delivery

## 📞 Contact

- **Website**: [grenishrai.icu](https://grenishrai.icu)

- **Email**: mrcoder2033d@gmail.com

- **GitHub**: [@Grenish](https://github.com/Grenish)

- **LinkedIn**: [grenish-rai](https://linkedin.com/in/grenish-rai)

---

⭐ Star this repo if you found it helpful!