Build a Knowledge Tracker App with Next.js
Oleh Subotin
ChatGPT
13 Chapters
0 Studying now
Build a real Knowledge Tracker app step by step using Next.js, TypeScript, and Tailwind CSS. Focus on creating a modern UI, structuring components, and implementing core features like daily cards, categories, and progress tracking.
Course description
Build a real Knowledge Tracker app step by step using Next.js, TypeScript, and Tailwind CSS. Focus on creating a modern UI, structuring components, and implementing core features like daily cards, categories, and progress tracking.
Technology
AI
Language
En
Rating
Chapters
13
Project Overview
Build the Main App Shell
Create the Daily Card Component
Add the First Real Data for the Daily Card
Create the Knowledge Library Data and Card Grid
Create the Categories Component and Show Real Category Buttons
Add Category Filtering with State
Build the Progress Card with Real Numbers
Add Completed State to the Daily Card
Connect the Progress Card to the Daily Card State
Add Empty State Handling
Create a Shared Type for the Card Data
UI Polish and Final Touches
0%
Project Overview
Build the Main App Shell
Create the Daily Card Component
Add the First Real Data for the Daily Card
Create the Knowledge Library Data and Card Grid
Create the Categories Component and Show Real Category Buttons
Add Category Filtering with State
Build the Progress Card with Real Numbers
Add Completed State to the Daily Card
Connect the Progress Card to the Daily Card State
Add Empty State Handling
Create a Shared Type for the Card Data
UI Polish and Final Touches
