Project Description
I have the wireframes and a clear vision for a fast, scalable web application built with React (or a comparable component-based framework). The look is minimal, dark-themed, and fully responsive so it feels at home on desktop, tablet, and mobile.
Core experience
• Real-time chat sits at the heart of the product. Messages should appear instantly for all participants without page refreshes, so a stable WebSocket or WebRTC solution is expected.
• Each user’s online/offline status must update in real time next to their avatar.
• Sign-in will be classic email-and-password, stored securely with salted hashing; social logins are not needed right now.
Performance expectations
The app needs to load quickly, handle concurrent users smoothly, and keep data transfers lean. Lazy loading, code splitting, and efficient state management (Context, Redux Toolkit, or Zustand) should be part of the build. The back-end stack is flexible as long as it supports live communication—Node with Express and a real-time layer such as Socket.io or a hosted service like Firebase/Firestore is fine.
Deliverables
1. React front-end with dark UI, adaptive layouts, and smooth page transitions.
2. Real-time chat module with typing indicators, read receipts, and channel or direct message support.
3. Presence system that flags users online or away within a second of status change.
4. Secure email/password authentication, password reset flow, and protected routes.
5. Clean, well-commented code pushed to a private Git repository plus a brief README for local setup and deployment.
Acceptance criteria
• First contentful paint <2 s on 4G mobile.
• Chat latency under 300 ms end-to-end for 50 simultaneous users in a test room.
• No critical or high-severity issues in Lighthouse accessibility audits.
Once these pieces are in place, I’ll handle copywriting and further feature requests, so modularity is important. If you’ve shipped similar real-time React apps, I’d love to see a link or short video walkthrough along with your approach for achieving the performance targets above.