Full Stack Development practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice Full Stack Introduction by building one step of a modern full-stack management board and checking the result.

code-writing

beginnerFull Stack Introduction

1. Start from the Full Stack Introduction lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice System Architecture Plan by building one step of a modern full-stack management board and checking the result.

code-fix

beginnerSystem Architecture Plan

1. Start from the System Architecture Plan lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice Frontend Framework Vite by building one step of a modern full-stack management board and checking the result.

output

beginnerFrontend Framework Vite

1. Start from the Frontend Framework Vite lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice Backend Express Setup by building one step of a modern full-stack management board and checking the result.

fill-blank

beginnerBackend Express Setup

1. Start from the Backend Express Setup lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice API Integration Fetch by building one step of a modern full-stack management board and checking the result.

true-false

beginnerAPI Integration Fetch

1. Start from the API Integration Fetch lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice Database Connection Setup by building one step of a modern full-stack management board and checking the result.

mini-project

beginnerDatabase Connection Setup

1. Start from the Database Connection Setup lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice User Authentication Flow by building one step of a modern full-stack management board and checking the result.

mcq

beginnerUser Authentication Flow

1. Start from the User Authentication Flow lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice JWT Session Management by building one step of a modern full-stack management board and checking the result.

code-writing

beginnerJWT Session Management

1. Start from the JWT Session Management lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice State Sync Client Server by building one step of a modern full-stack management board and checking the result.

code-fix

beginnerState Sync Client Server

1. Start from the State Sync Client Server lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice Database Schema Design by building one step of a modern full-stack management board and checking the result.

output

beginnerDatabase Schema Design

1. Start from the Database Schema Design lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice CRUD Feature Frontend by building one step of a modern full-stack management board and checking the result.

fill-blank

intermediateCRUD Feature Frontend

1. Start from the CRUD Feature Frontend lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice CRUD Feature Backend by building one step of a modern full-stack management board and checking the result.

true-false

intermediateCRUD Feature Backend

1. Start from the CRUD Feature Backend lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice Deployment Planning Vercel by building one step of a modern full-stack management board and checking the result.

mini-project

intermediateDeployment Planning Vercel

1. Start from the Deployment Planning Vercel lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice Deployment Planning VPS by building one step of a modern full-stack management board and checking the result.

mcq

intermediateDeployment Planning VPS

1. Start from the Deployment Planning VPS lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice CI/CD Pipeline Setup by building one step of a modern full-stack management board and checking the result.

code-writing

intermediateCI/CD Pipeline Setup

1. Start from the CI/CD Pipeline Setup lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice Dockerizing Application by building one step of a modern full-stack management board and checking the result.

code-fix

intermediateDockerizing Application

1. Start from the Dockerizing Application lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice Global State Management by building one step of a modern full-stack management board and checking the result.

output

intermediateGlobal State Management

1. Start from the Global State Management lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice Error Boundaries Handling by building one step of a modern full-stack management board and checking the result.

fill-blank

intermediateError Boundaries Handling

1. Start from the Error Boundaries Handling lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

19. Practice API Logging Auditing by building one step of a modern full-stack management board and checking the result.

true-false

intermediateAPI Logging Auditing

1. Start from the API Logging Auditing lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

20. Practice Optimizing Database Queries by building one step of a modern full-stack management board and checking the result.

mini-project

intermediateOptimizing Database Queries

1. Start from the Optimizing Database Queries lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

21. Practice Performance Profiling by building one step of a modern full-stack management board and checking the result.

mcq

advancedPerformance Profiling

1. Start from the Performance Profiling lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

22. Practice Security Audit OWASP by building one step of a modern full-stack management board and checking the result.

code-writing

advancedSecurity Audit OWASP

1. Start from the Security Audit OWASP lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

23. Practice Payment Gateway Stripe by building one step of a modern full-stack management board and checking the result.

code-fix

advancedPayment Gateway Stripe

1. Start from the Payment Gateway Stripe lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

24. Practice Realtime Features SocketIO by building one step of a modern full-stack management board and checking the result.

output

advancedRealtime Features SocketIO

1. Start from the Realtime Features SocketIO lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

25. Practice File Upload S3 Storage by building one step of a modern full-stack management board and checking the result.

fill-blank

advancedFile Upload S3 Storage

1. Start from the File Upload S3 Storage lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

26. Practice SEO SSR vs CSR by building one step of a modern full-stack management board and checking the result.

true-false

advancedSEO SSR vs CSR

1. Start from the SEO SSR vs CSR lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

27. Practice Analytics Event Tracking by building one step of a modern full-stack management board and checking the result.

mini-project

advancedAnalytics Event Tracking

1. Start from the Analytics Event Tracking lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

28. Practice Full Stack Best Practices by building one step of a modern full-stack management board and checking the result.

mcq

advancedFull Stack Best Practices

1. Start from the Full Stack Best Practices lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

29. Practice Product Launch Guide by building one step of a modern full-stack management board and checking the result.

code-writing

advancedProduct Launch Guide

1. Start from the Product Launch Guide lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.

30. Practice Full Stack Review by building one step of a modern full-stack management board and checking the result.

code-fix

advancedFull Stack Review

1. Start from the Full Stack Review lesson example.

2. Use input forms, database rows and auth status instead of placeholder text.

3. Run the example and compare output before polishing.