Skip to content
Step 4: Setting up the Frontend | CurioCity
CurioCity
Sign In
Sign Up
Course Content
Course Intro
About the Course
Live Course Syllabus
💡 Concepts
Coding Fundamentals
Coding Basics 🌱
Why Learn Coding (in 2025)?
the Coding Environment
Coding Terminology Pt1
Coding Terminology Pt2
Typical Coding Worfklows
Practice Putting it All Together
Github 101 🌱
Full Stack
Full Stack Overview
Example Tech Stacks 🚀
Web Product Ecoystem 🚀
Minimal Viable Product (MVP) Stack
Framework Concepts
NextJS Framework
Client Vs Server Side Rendering
Back-End
Databases
Relational Databases
Schema Design
SQL
Supabase Walkthrough
AI API Integration
Choosing AI Model
LLM
LLM Concepts
💡📚 AI Tools and Tips
Choosing the right AI dev tool
Development Tips
AI Dev Tool Tips
Cursor AI Tips
📚 Try it Yourself: The Process
Step-by-Step Overview
Steps
Step 1: Brainstorming Ideas
Step 2: Writing the PRD (Product Requirements Document)
Step 3: Back-End Development
Overview
Setting up Supabase Authentication
Setting up Supabase Database
AI API Integration
Step 4: Front-end development
Step 5: Testing and Evaluation
Step 6: Deployment
Step 7: Monitoring
📦 Sandbox Exploration
What is a Sandbox?
Getting Started
Personal Website
Trivia App
⚙️ End-to-End Tutorials
Getting Started
Personal Website
Trivia App
About the Trivia App
Steps 0-2: Setting up the project
Step 3: Setting up the Back-End
Step 4: Setting up the Front-End
Steps 5-7: Productionizing the App
Legend
📚 Reference Material | 💡 Concepts | ⚙️ Practice |🌱 for non-coders | 🚀 advanced
GitHub
Select theme
Dark
Light
Auto
🚧 Content Under Construction 🚧
Please be patient while we work to bring this content to you soon!