Sagar 's Work | ContraWork by Sagar
Sagar

Sagar

Full Stack Web Developer| AI Agent Developer | Website Build

New to Contra

Sagar is building their profile!

Cover image for Excited to share my latest
Excited to share my latest project — BINGO: Real-Time Multiplayer Online Game I built a complete multiplayer BINGO game with a strong focus on real-time gameplay, responsive UI, smooth animations, and user-friendly multiplayer interactions. The game allows users to create private rooms, invite online players, join using a Room ID and password, set up their own Bingo board, and play against friends in real time. Key features include: Real-time multiplayer using Socket.IO (http://Socket.IO)Secure Login & Registration Private room creation and joining Online player invitations with Accept / Reject Host-controlled match start 2–5 player support with dynamic board sizes Manual and random Bingo number setup Duplicate and invalid-number validation Keyboard arrow navigation Real-time number marking across players Win / Loss / Draw detection Animated BINGO winner celebration Rematch and Exit options Weekly Top 10 leaderboard Winner = 100 points, Draw/Loss = 0 points MongoDB-based user data and authentication Fully responsive design for mobile, tablet, laptop, and desktop Performance-optimized animations for smooth gameplay 🛠️ Tech Stack: React.js • Vite • JavaScript • Node.js • Express.js • Socket.IO (http://Socket.IO) • MongoDB • JWT • bcrypt • Framer Motion • CSS Building this project helped me understand real-time multiplayer architecture, WebSocket communication, authentication, server-side game validation, state synchronization, and responsive game UI design much better. I’m continuing to improve the project and explore more real-time web application concepts. Feedback and suggestions are always welcome! 🎮✨ #ReactJS #NodeJS #MongoDB #SocketIO #JavaScript #WebDevelopment #FullStackDevelopment #MultiplayerGame #WebSockets #ExpressJS #FrontendDevelopment #BackendDevelopment #Programming #Coding #SoftwareDevelopment #ProjectShowcase #Bingo
1
14
Cover image for Project Showcase: NeuroChat — Multi-Provider
Project Showcase: NeuroChat — Multi-Provider AI Chatbot I’m excited to share NeuroChat, a full-stack AI chatbot platform that I designed, developed, tested, and successfully deployed on Render. • 🤖 Built a multi-provider AI architecture using Gemini, OpenRouter, and Groq with automatic fallback, reducing dependency on a single AI provider. • 🎙️ Supports voice messaging, allowing users to speak their queries and interact with the chatbot naturally. • 🌍 Supports multiple languages, making NeuroChat more accessible for users from different linguistic backgrounds. • 🌐 Users can ask about recent and current updates, with Google Search grounding helping provide up-to-date information and relevant sources. • 💬 Includes real-time streaming responses, conversation memory, Markdown/code support, rate limiting, and secure multi-user authentication using Firebase Authentication and Firestore. • 🆓 Designed to be free to use within the available free-tier limits, allowing users to explore AI-powered conversations without requiring a paid subscription. • 🛠️ Tech Stack: Next.js, TypeScript, Tailwind CSS, FastAPI, Python, Firebase, Firestore, Gemini, OpenRouter & Groq. 🌐 NeuroChat is now live on Render! This project helped me gain practical experience in AI integration, multi-model orchestration, voice interaction, multilingual AI, real-time systems, authentication, backend security, and production-oriented full-stack development. Building → Testing → Deploying → Learning 🚀 #NeuroChat #AIChatbot #ArtificialIntelligence #GenerativeAI #MultiLanguageAI #VoiceAI #FullStackDevelopment #NextJS #FastAPI #Python #Firebase #Gemini #OpenRouter #Groq #WebDevelopment #AIEngineering #ProjectShowcase #Render
1
17
Cover image for I’m happy to announce that
I’m happy to announce that I have successfully built and deployed InternTrack, a full-stack web application designed to simplify internship tracking and management. 💡 What InternTrack does: • Track internship applications easily • Manage status (Applied, Interview, Selected, Rejected) • Organized dashboard for better productivity • User-friendly and responsive UI 🛠️ Tech Stack: React.js | Node.js | Express.js | MongoDB 🌐 Live Project: https://interntrax.onrender.com (https://interntrax.onrender.com)This project helped me improve my full-stack development skills and understand real-world application workflows. I’m open to feedback and opportunities! 🙌 #WebDevelopment #FullStackDeveloper #ReactJS #NodeJS #Projects #Internship #OpenToWork
1
23
Cover image for I built a fully functional
I built a fully functional Resume Builder web application that allows users to generate professional, ATS-friendly resumes using Artificial Intelligence. 🔹 Key Features: • AI-based Resume Summary Generation • Smart Skill & Project Suggestions • Live Resume Preview • Multiple Modern Templates • JWT Authentication • Resume Save & Edit Dashboard • PDF Download Support • Smooth UI Animations using Framer Motion 🛠 Tech Stack: • Next.js • React.js • Tailwind CSS • Node.js & Express.js • MongoDB Atlas • OpenAI API (AI Resume Generation) The AI processing is handled securely through the backend, ensuring clean architecture and real-world scalability. This project helped me strengthen my skills in: ✔ Full Stack Development ✔ API Integration ✔ Authentication & Security ✔ UI/UX with Animations ✔ AI Integration in Web Apps Looking forward to feedback and suggestions! #FullStackDevelopment #AI #NextJS #ReactJS #NodeJS #MongoDB #WebDevelopment
1
21