PU Dev Challenge 🚀

This project is the development of a Static Website for the PU Dev Challenge
built with Next.js + TailwindCSS + Framer Motion + Recharts

---

🔧 Tech Stack

• Next.js 15 (App Router)
• React 19
• TailwindCSS 4
• Framer Motion (Animation)
• Recharts (Data Visualization)
• Lucide React (Icons)
• Papa Parse (CSV parser)

---

🚀 Installation and Running the Project

1. Clone Repository

git clone https://github.com/cktalala/pu-dev-challenge.git
cd pu-dev-challenge

2. Install Dependencies

if npm

npm install

or if yarn

yarn install

3. Run Development Server

npm run dev

Then open browser http://localhost:3000

4. Build for Production

npm run build
npm run start

---

📊 Data

The project uses CSV datasets and image assets sourced from the Google Drive link provided in the PU Dev Challenge instructions:
Google Drive Assets

---

✨ Feature

• Responsive Layout (Mobile / Tablet / Desktop)
• Scroll-triggered Animation (Framer Motion)
• Scroll Progress Bar
• Interactive Scroll Button
• Bar Chart get data from CSV and animate when scroll

---

🙋 Developer

Phatchara S.

• Email: boompetbank@gmail.com
• GitHub: @cktalala
• Deploy: Live Demo (Vercel)

---