Monash University Student Portfolio & Blog

Welcome to my personal website and blog! This project serves as my digital space to showcase my academic journey, projects, and thoughts on AI, embedded systems, and more.

🚀 About This Project

This website is built using Next.js and styled with Tailwind CSS. It features:

• 🏫 Student Profile – Information about my studies at Monash University
• 📜 Blog Section – Articles on AI, embedded systems, and university life
• 🔬 Projects Showcase – A collection of my academic and personal projects
• 🌐 Multilingual Support – Content available in multiple languages

🔧 Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• Content Management: MDX + Contentlayer
• Hosting: Vercel
• Linting: ESLint + Prettier

📂 Project Structure

📦 my-portfolio
├── content              # Blog and documentation content
├── public               # Static assets (images, favicon, etc.)
├── src
│   ├── components       # Reusable UI components
│   ├── pages            # Next.js pages
│   ├── styles           # Tailwind global styles
│   ├── utils            # Utility functions
│   ├── hooks            # Custom React hooks
│   ├── config           # Site-wide configuration
│   ├── layouts          # Page layouts
│   └── lib              # API and data fetching logic
├── next.config.ts       # Next.js configuration
├── tailwind.config.ts   # Tailwind CSS configuration
├── tsconfig.json        # TypeScript configuration
├── package.json         # Dependencies and scripts
├── vercel.json          # Vercel deployment configuration
└── eslint.config.mjs    # ESLint configuration

🚀 One-Click Deployment

Deploy this project instantly to Vercel:

🛠️ Setup & Deployment

1️⃣ Clone the repository

git clone https://github.com/tianyinggang/satnaing.dev.git
cd satnaing.dev

2️⃣ Install dependencies

pnpm install  # or npm install / yarn install

3️⃣ Run locally

pnpm run dev  # or npm run dev / yarn dev

4️⃣ Deploy

• Vercel Deployment:

  vercel deploy

• Custom Domain: Configure in Vercel dashboard for custom domains.

✅ TODO

• Establishment of an academic bio
• Pull the main information out of the src folder into a json file
• change a pretty font
• Optimize animation effects
• Adding the monash logo element
• Multi-language support
• SEO page

📬 Contact

If you have any questions, feel free to connect with me on LinkedIn or via email!

---

Monash University | AI & Embedded Systems Enthusiast