Fullstack Technical Asessment
Fullstack Technical Asessment
Overview
During the live coding session, you will be implementing features for a video surveillance
management system. This guide outlines the technical concepts you should be familiar with to
prepare for the session.
Frontend (NextJS/React)
1. React Core Concepts: 3. State Management:
- Component lifecycle - React Context API
- Hooks (useState, useEffect, useCallback, - Props management
useMemo) - Component communication patterns
- Performance optimization techniques
- Error boundaries 4. Video Streaming:
- Real-time data handling - HTML5 video element handling
- HLS.js, JSMpeg or other video library
2. NextJS Fundamentals: implementation
- Server-side rendering - Video player state management
- API routes - Stream error handling
- Data fetching methods - Video thumbnail generation
- Route handling - Stream quality management
Backend (Golang) System Design
1. Go Fundamentals: 1. Real-time Systems:
- Goroutines and channels - WebSocket vs HTTP polling
- Error handling patterns - Event-driven architecture
- Interface implementation - State synchronization
- Struct composition - Connection management