Building a College Tracker with AI & Redux | Next.js + TypeScript

Описание: In this episode, I prompt AI to replace our fake college data with a real Redux-powered solution.

We're building:
→ An "Add College" button with a modal form (name, address, phone, motto)
→ A Redux dumps slice for storing colleges
→ Dynamic data display using useAppSelector

🛠️ Tech Stack: Next.js, TypeScript, Redux, Cursor IDE, Claude Opus 4.5
🎤 Voice Coding: Whisper Flow

This is part of a series where I build a College Application Deadline Tracker using AI-assisted development. Idea inspired by IdeaBrowser.com.

---

📺 Episode Guide:
Ep 1: Defining the College type + fake data display
Ep 2: Redux setup + Add College modal (you are here)
Ep 3: Deep dive into Redux architecture

---

⏱️ Timestamps:
0:00 - Recap: Fake data on the homepage
0:15 - Prompting AI to add Redux
0:45 - Creating the Add College modal
1:30 - Setting up the colleges dump slice
2:15 - Reading from Redux with useAppSelector

#nextjs #typescript #redux #aicoding #cursor #webdev #buildinpublic