0% found this document useful (0 votes)
20 views6 pages

Full Stack Developer Assignment Guide

Dev Innovations Labs is conducting a Full Stack Developer evaluation round where candidates must choose one of five project options to complete within 24-72 hours. The projects include building a team collaboration platform, an e-commerce system, a chat messaging system, a metrics dashboard, or a knowledge base system, each with specific frontend and backend requirements. Candidates are expected to submit their projects on GitHub along with a README and have the option to deploy their applications.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views6 pages

Full Stack Developer Assignment Guide

Dev Innovations Labs is conducting a Full Stack Developer evaluation round where candidates must choose one of five project options to complete within 24-72 hours. The projects include building a team collaboration platform, an e-commerce system, a chat messaging system, a metrics dashboard, or a knowledge base system, each with specific frontend and backend requirements. Candidates are expected to submit their projects on GitHub along with a README and have the option to deploy their applications.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Dev Innovations Labs – Full Stack Developer Assignment

Welcome to the Full Stack Developer Evaluation Round at Dev Innovations Labs. This
assignment is designed to assess your skills across frontend, backend, development
practices, and real-world problem-solving — just like top MNCs & global tech companies
do.

You are required to choose ANY ONE of the following projects and complete it within
24–72 hours.

●​ OPTION 1 — Realtime Project Workspace (Team Collaboration Platform)

Build a modern team workspace platform similar to Notion/Trello Lite with real‑time
collaboration features.

REQUIREMENTS:

FRONTEND (React / [Link]):


• User Authentication (JWT-based)
• Dashboard listing all projects
• Create a project with title + description
• Project board with columns: To‑Do, In‑Progress, Done
• Add tasks with title, description, priority, and assignee
• Drag‑and‑drop tasks between columns
• Real-time task updates via WebSockets
• Project activity timeline (e.g., “You moved Task X from To‑Do to Done”)
• Clean UI (responsive, modals, toasts)

BACKEND ([Link] + Express + PostgreSQL):


• Models: User, Project, Task, Activity
• CRUD APIs for all models
• JWT authentication + role-based access (Admin/Member)
• WebSockets for real‑time events
• Activity logs stored automatically​
• Proper MVC folder structure​
• Data validation for all inputs​
• Error handling + pagination for lists​

BONUS:​
• Task search + filters (priority, status, user)​
• File upload for task attachments​
• Project analytics (completion %, tasks per member)​
• Offline caching (localStorage / indexedDB)​

●​ OPTION 2 — E‑Commerce Core System + Admin Console


Build a minimal e‑commerce foundation similar to Shopify/Squarespace.​

FRONTEND (React / [Link]):​
USER SIDE:​
• Product listing page with pagination​
• Product detail page​
• Add to cart​
• Cart page with quantity update + removal​
• Checkout page (mock payment success)​
• Order confirmation page​

ADMIN SIDE:​
• Admin login​
• Add new product (title, price, stock, category, image upload)​
• Edit/delete product​
• View all orders with user info​
• Dashboard with stats (total sales, orders, top products)​

BACKEND ([Link] + Express + PostgreSQL):​
• Models: User, Product, Category, Cart, CartItem, Order, OrderItem​
• Auth: JWT-based login/register​
• Routes:​
- Product CRUD + search + filtering​
- Cart management​
- Order placement with stock validation​
• Payment simulation endpoint​
• Use database transactions for order creation​
• Input validation (Joi/Yup preferred)​

BONUS:​
• Discount coupon system​
• Monthly sales analytics endpoint​
• Product image upload (Cloudinary)​
• Role-based access control (User/Admin)​

●​ OPTION 3 — Full Stack Chat & Messaging System


Build a messaging system comparable to a simplified WhatsApp/Messenger.​

FRONTEND (React / [Link]):​
• Register + Login​
• Chat list showing last message + timestamp​
• Individual chat screen​
• Real-time messages using WebSockets​
• Typing indicator​
• Message seen/delivered UI​
• Search chats/users​
• Modern UI with sticky header and message bubbles​

BACKEND ([Link] + Express + MongoDB/PostgreSQL):​
• Models: User, Conversation, Message​
• JWT authentication​
• Message sending via WebSocket​
• Store messages in DB with sender/receiver/status​
• API to fetch chat history with pagination​
• Message delivery + seen tracking​
• Security:​
- Rate limiting​
- Validation​
- Password hashing​
- Safe query patterns​

BONUS:​
• Upload images, voice notes, files​
• Group chats with admin roles​
• Online/offline status​
• Push notifications (in‑app)​
• Chat archiving + pinned conversations​

●​ OPTION 4 — Metrics & Monitoring Analytics Dashboard

Build a system for collecting metrics, visualizing performance, and setting


alerts—similar to internal dashboards
used in SaaS companies.

FRONTEND (React / [Link]):


• Dashboard with:
- Line charts
- Bar charts
- KPI cards
• Select time range (24h, 7d, 30d)
• Create an alert rule (e.g., “Memory > 80%”)
• Notification list for triggered alerts

BACKEND ([Link] + Express + PostgreSQL):


• Metric ingestion API (POST /metrics)
• Store timestamped metric values
• Aggregation routes:​
- min/max​
- averages​
- bucketed time ranges​
• Cron job every minute to evaluate alert rules​
• Notification storage system​
• Authentication required for all dashboards​

BONUS:​
• Live charts with WebSockets​
• Export dashboard as PDF/CSV​
• Multi‑project support​

●​ OPTION 5 — Knowledge Base System (Docs + Search + Roles)


Build an internal documentation system like Notion Docs, Intercom Help Center, or
GitBook.​

FRONTEND (React / [Link]):​
• User login​
• Article list with categories​
• Article viewer (Markdown or rich text)​
• Article editor:​
- Title​
- Body​
- Category​
- Tags​
• Full‑text search with highlight​
• Admin panel (manage categories, articles)​
• Version history viewer​

BACKEND ([Link] + Express + PostgreSQL):​
• Models: User, Article, Category, Tags, Versions​
• Full REST APIs​
• Full‑text search using Postgres tsvector​
• Role-based access control (Admin, Editor, Reader)​
• Auto-create version record when editing article​

BONUS:​
• Comments on articles​
• Article suggestion algorithm​
• Editor autosave (local + server)​
• Article view analytics​

📄 Submission Rules & Link:
[Link]
2EjvnNrILtQg/viewform?usp=sharing&ouid=112366115885778764335

●​ Upload project to GitHub (frontend + backend).


●​ Provide README with API routes & run instructions.
●​ Deploying is optional (Render/Netlify).
●​ Deadline: 24–72 hours.

You might also like