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
Remix review
MonsterQuiz
A multiplayer quiz game
Join Room
Create Room
