Internship Assignment ✨

📌 Objective

Build a simple admin dashboard in Next.js (with TypeScript) to:

  • List users
  • Add new users via a multi-step form
  • Apply filters
  • Use API, state, conditional rendering, and form validation

📂 Key Features

1. Dashboard (/dashboard)

  • Fetch from https://jsonplaceholder.typicode.com/users
  • Show name, email, phone, and city
  • Add search (filter by name/city)
  • Show loading & error states

2. Add User (/dashboard/add)

  • 3-step form: Basic Info → Address → Review
  • Use useState or Context
  • Validate required fields & email
  • Log data on submit
  • Back to dashboard button

⚡ Optional Extras

  • Animate form with framer-motion
  • Save progress to localStorage
  • Light/dark mode (Tailwind)
  • Toast/modal on success

🧰 Stack

  • Next.js + TypeScript
  • Tailwind CSS or CSS Modules
  • Axios or fetch
  • Optional: framer-motion, react-hook-form, zod

📬 Submit

Send your code + screen recording or hosted link to
vikas@codingjr.online
along with your name, phone number, and GitHub profile.

— Sumit