A full-stack interview preparation platform for frontend, backend, and full-stack developers.
Production: devlovers.net
Develop: develop.devlovers.net
DevLovers helps developers prepare for technical interviews through:
- Q&A Section β Categorized interview questions (JavaScript, React, Node.js, etc.)
- Quiz System β Timed quizzes with anti-cheat, progress tracking, and leaderboards
- Leaderboard β Gamification with improvement-based scoring
- Blog β Technical articles managed via Sanity CMS
- Shop β E-commerce with Stripe payments and inventory management
- About β Landing page with platform stats, features overview, and community info
Supports three languages: Ukrainian, English, Polish.
| Category | Technologies |
|---|---|
| Framework | Next.js 16, React 19, TypeScript |
| Styling | Tailwind CSS v4, Framer Motion |
| Database | PostgreSQL (Neon), Drizzle ORM |
| Caching | Upstash Redis |
| CMS | Sanity Studio, GROQ |
| UI | Radix UI, Lucide Icons |
| Auth | JWT (jsonwebtoken), bcryptjs, OAuth |
| Payments | Stripe |
| Nodemailer | |
| i18n | next-intl |
| AI | Groq SDK |
| Testing | Vitest, React Testing Library |
| Media | Cloudinary |
| Deployment | Vercel |
devlovers.net/
βββ frontend/ # Next.js application
β βββ app/
β β βββ [locale]/ # Localized pages (uk/en/pl)
β β βββ api/ # API routes
β βββ components/ # React components
β βββ db/
β β βββ schema/ # Drizzle table definitions
β β βββ queries/ # Reusable DB queries
β βββ hooks/ # Custom React hooks
β βββ i18n/ # Internationalization config
β βββ lib/ # Utilities and business logic
β βββ messages/ # Translation files (JSON)
β
βββ studio/ # Sanity CMS
βββ schemaTypes/ # Content schemas (posts, authors)
- Minimal first landing page
- Multi-language support
- Theme switching
- Categorized technical questions
- AI-powered Word Helper for explanations
- Multi-language content
- Multiple-choice quizzes with countdown timer
- Anti-cheat protection (tab switch detection, copy prevention)
- Guest mode with post-auth sync
- Per-quiz progress tracking
- Points system with improvement-based scoring
- Top players podium
- Integrity-filtered rankings
- Mission-driven page explaining DevLovers vision, values, and interview-first approach
- Highlights platform impact, community growth, and real preparation over guessing
- Technical articles via Sanity CMS
- Category and tag filtering
- Search with pagination
- Multi-language content (uk/en/pl)
- Product catalog with filtering
- Stripe checkout
- Admin panel for orders and inventory
- Email/password with verification
- OAuth (Google, GitHub)
- Password reset flow
# Install dependencies
cd frontend && npm install
# Set up environment variables
cp .env.example .env.local
# Run development server
npm run dev
# Database commands
npx drizzle-kit generate # Generate migrations
npx drizzle-kit push # Apply migrationsmainβ production branchdevelopβ development branch- Feature branches:
prefix/feat/feature-name
Task tracking via GitHub Projects board.
MIT
Contact me: contact@devlovers.net







