Scribd
Upload
4 views

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
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

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
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