1.5 KiB
1.5 KiB
System Patterns: OCD Website
How the System is Built
Architecture
- Frontend: Next.js with React for server-side rendered pages
- Backend: Node.js with Express for API endpoints
- Database Layer: MongoDB for document storage, Redis for caching
- Containerization: Docker with Portainer for deployment
- Web Server: Nginx as reverse proxy
Directory Structure
The project appears to be in initial planning stages. A full directory structure will be established as development progresses.
Key Technical Decisions
- Server-side rendering with Next.js for improved SEO and performance
- TypeScript for type safety throughout the stack
- Tailwind CSS for responsive design
- MongoDB for flexible document storage of club data
- Redis for caching and rate limiting
- Docker containerization for consistent deployment
- Custom video player implementation for ASL content
Architecture Patterns
- REST API for data operations
- Context-based state management in React
- Server-side rendering for critical pages
- Responsive design with mobile-first approach
- Component-based UI architecture
- Authentication for admin dashboard
- Automated notifications for membership status
- Accessibility-first development approach
Development Workflow
Development is organized into phases:
- Setup & Infrastructure
- Core Public Pages
- Admin Functionality
- Accessibility & Refinement
- Testing & Deployment
Each phase has specific tasks and goals as outlined in the TO_DO.txt document.