Skip to content
Code Monster
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Programming Principles
Harmony Music Academy
📄 1: Planning & setup
📄 Client brief
⚙️ Algorithm design
💻 Project file links
💻 Comment planning
🔄️ Committing to GitHub
✏️ Assignment update
💻 2: HTML Forms
💻 HTML Inputs
📄 Project setup review
💻 Capturing form data
🛠️ Debugging
💻 Form validation
💻 Error handling
✏️ Assignment update - mid
📊 3: Calculations
📄 Validation review
💻 Code refactor
💻 Removing error messages
💻 Calculating costs
💻 Displaying results
✏️ Assignment update - final
Epic News
🛠 Project setup
⚙️ The root.tsx file
⚙️ Team Section
⚙️ Remix Review
🌞 Light and Dark Mode
🌞 Setting up
🌞 From server to client
🖥️ User Interface - Basics
🖥️ Add Navbar and Footer
🖥️ Logo Design
🖥️ Importing images in React
🖥️ Adding links
🧩 Custom Components
🧩 UI Review
🧩 `HeroCallToAction`
🧩 `ParallaxBackground` Hero
🔀 Routes, loaders and useLoaderData
🔀 The `Outlet` component
🔀 Nested routes
🔀 Dynamic routes and loader functions
🔀 Server/client communication with useLoaderData
🔀 News wireframe layout
🗄️ Prisma database
🗄️ Getting started
🗄️ Schema updates
🌱 Seed files
🔒 Security
🔒 Cross site request forgery
🔒 Spambots and honeypots
🔒 Account creation
🖥️ Articles
🖥️ Creating articles
🖥️ Load and display article data
🖥️ Article images (optional)
🖥️ Filter articles by category
📝 Single article page
📝 Create a single article page
📝 Link from news index to single article page
📝 Fetch and display article data
📝 Style the article page
🛡️ Admin page
🛡️ Create an admin review page
🛡️ Protecting routes
🛡️ Admin-only links
🛡️ Filter published articles
🚀 Wrapping up
🚀 Functionality complete!
🚀 Extra credit - Single sign-on
🚀 Extra credit - Advanced grid layout
React 101
⚛️ Getting started
⚛️ JSX components
⚛️ Props
Reference
CSS styling
Prisma learning resources
Remix learning resources
VS Code tips and tricks
GitHub
Select theme
Dark
Light
Auto
Project setup review
Quiz
Section titled “Quiz”
Project Setup Quiz
Test your knowledge of the project setup for Harmony Music Academy
Join Room
Create Room