Scribd
Upload
20 views2 pages

Assignment Full Stack-1

The assignment is to build a real-time messaging app using the MERN stack and TailwindCSS, featuring a modern UI and AI chat simulation. Key features include responsive design, JWT authentication, live chat with Socket.io, and a backend with REST APIs and MongoDB. Deliverables include a GitHub repository, a video demo, and well-commented code, with a submission deadline of March 20, 2025.

Uploaded by

speedywillow89
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
20 views2 pages

Assignment Full Stack-1

The assignment is to build a real-time messaging app using the MERN stack and TailwindCSS, featuring a modern UI and AI chat simulation. Key features include responsive design, JWT authentication, live chat with Socket.io, and a backend with REST APIs and MongoDB. Deliverables include a GitHub repository, a video demo, and well-commented code, with a submission deadline of March 20, 2025.

Uploaded by

speedywillow89
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
You are on page 1/ 2

Assignment: Modern Messaging Dashboard (MERN + TailwindCSS)

Build a real-time messaging app with AI simulation and a modern UI using the MERN stack.
Showcase skills in UI/UX, real-time communication, and backend development.

Key Features:

1.​ UI/UX (React + TailwindCSS)


○​ Clean, responsive design with dark mode.
○​ Login/Signup with JWT authentication.
○​ Dashboard with contact list (online/offline status, unread messages).
○​ Chat window with timestamps, smooth scrolling, and message distinction.​

2.​ AI Chat Simulation (No Paid API)


○​ Hardcoded AI responses using pattern matching (e.g., "Hello" → "Hi there!").
○​ At least 10 conversational prompts for a realistic chatbot experience.​

3.​ Real-Time Messaging (Socket.io)


○​ Live chat with typing indicators & read receipts.
○​ Messages stored in MongoDB for history.​

4.​ Backend (Node.js + Express.js + MongoDB)


○​ REST APIs for authentication, contacts, and messaging.
○​ WebSocket server for real-time chat.
○​ MongoDB schemas for users, chats, and AI interactions.​

5.​ Additional Features


○​ Essential: Message search, unread indicators, online status, error handling.
○​ Bonus (Optional): Group chat, file sharing, emoji reactions, notifications.

Deliverables:
●​ GitHub repo with code & README setup guide.
●​ 5-10 min video demo explaining features & design.
●​ Clean, modular, well-commented code.

Evaluation Criteria:
●​ UI/UX: Modern, intuitive design.
●​ Functionality: Smooth messaging & AI logic.
●​ Code Quality: Organized, modular structure.
●​ Creativity: Unique features & improvements.

www.systemicaltruism.com​ ​ ​ ​ ​ ​ www.persistventures.com
Tech Stack (Mandatory)
●​ Frontend: React.js + TailwindCSS
●​ Backend: Node.js + Express.js
●​ Database: MongoDB + Mongoose
●​ WebSockets: Socket.io
●​ AI Simulation: Custom JS logic

Submission Timeline: 20.03.2025 / Thursday, 11.59 pm

Note: Keep it clean, functional, and creative. MAke sure that your file is renamed by your full
name and the internship role you have applied for. Ex: Your Full Name_Your Internship Role.

We wish you all the best!​


Looking forward to your cool submissions.

Systemic Altruism x Persist Ventures

www.systemicaltruism.com​ ​ ​ ​ ​ ​ www.persistventures.com

You might also like