Build a Kanban-style project management board (like Trello). Frontend: draggable cards between columns (To Do, In Progress, Review, Done) with smooth animations, card detail modal with title, description, assignee, labels, and due date. Backend: REST API for boards, columns, and cards with CRUD operations and position tracking for drag reorder. Use optimistic updates on the frontend — update the UI immediately on drag and sync with the server in the background. Include user assignment and filtering by assignee or label.
#16Full-Stack
E-Commerce Product Catalog
Create a product catalog with category filtering, price range slider, search with autocomplete, and grid/list view toggle. Each product card shows image, title, price, rating stars, and an "Add to Cart" button. Implement a persistent shopping cart stored in localStorage that syncs with a backend cart API when the user is authenticated. Include product detail pages with image gallery, specifications table, and related products. Backend should serve paginated product data with filter query parameters.
#17Full-Stack
Real-Time Collaboration Whiteboard
Build a collaborative whiteboard where multiple users can draw, add sticky notes, and place shapes simultaneously. Frontend: HTML5 Canvas with tools for freehand drawing (variable brush size and color), rectangle/circle shapes, text notes, and an eraser. Backend: WebSocket server that broadcasts drawing events to all connected users in the same room. Include undo/redo per user, a user cursor presence overlay showing where others are drawing, and export to PNG functionality.
#18Full-Stack
URL Shortener with Analytics
Create a URL shortener service. Frontend: clean input form to submit URLs, display shortened link with copy button, and a dashboard showing click analytics per link (total clicks, clicks over time chart, top referrers, geographic breakdown by country). Backend: API for creating short URLs (with optional custom aliases and expiration dates), redirect endpoint that logs click metadata (timestamp, referrer, user agent, IP-based country), and analytics query endpoints with date range filtering.
#19Full-Stack
Blog CMS with Markdown Editor
Build a blog content management system with a split-pane Markdown editor (edit on left, live preview on right). Support full Markdown syntax plus code blocks with syntax highlighting, image uploads with drag-and-drop, and front matter for title, tags, and publish date. Backend: API for posts with CRUD operations, tag-based filtering, and full-text search. Include a public blog frontend with paginated post list, individual post pages with table of contents, and an RSS feed endpoint.
#20Full-Stack
Multi-User Authentication System
Build a complete authentication system with registration, login, password reset via email, email verification, and session management. Include OAuth2 social login with Google. Frontend: forms with client-side validation, protected route wrapper component, and user profile page with avatar upload. Backend: secure password hashing, JWT with HTTP-only refresh token cookies, CSRF protection, account lockout after 5 failed attempts, and an admin panel to view and manage user accounts.
#21Full-Stack
Recipe Sharing Platform
Create a recipe sharing platform where users can post, browse, and save recipes. Each recipe has a title, description, ingredients list with quantities, step-by-step instructions, prep/cook time, serving size, difficulty level, tags, and photo. Include search by ingredient ("what can I make with chicken and rice?"), filtering by dietary tags (vegetarian, gluten-free, etc.), user favorites collection, and a meal planning calendar where users can drag recipes onto days of the week. Backend serves paginated recipes with compound filters.