HomeAboutProjectsExperienceBlogs & TestimonialsContact

OpenSource

TalkRoom - Real-Time Chat Application

Live DemoFull-Stack Project
  • Built a modern and secure real-time chat application with end-to-end encryption using React, TypeScript, Node.js, and WebSocket technology.
  • Developed a responsive UI with Material UI, featuring protected routes and secure state management with Redux Toolkit.
  • Integrated WebRTC for encrypted video/audio calls and secure file sharing with validation.
  • Utilized Redis for secure session management and PostgreSQL with Prisma ORM for encrypted data storage.
  • Implemented comprehensive security features including brute force protection, XSS prevention, CSRF validation, and SQL injection protection.
ReactTypeScriptNode.jsSocket.IOWebRTCPostgreSQLRedisDocker

Campus360 - AI-Powered Virtual Assistant

Live Demo🤖 AI-RAG Project
  • An AI-powered chatbot designed to assist students, faculty, and visitors at the Model Institute of Engineering Technology (MIET).
  • Implemented a cutting-edge tech stack: React.js, TypeScript, Tailwind CSS for frontend; OpenAI API, Langchain.js, Firebase, Supabase Vector Database as a BaaS.
  • Initiated the project by aggregating approximately 16,000 lines of institutional data from the official MIET website. This data was then extracted, cleaned, and prepared for integration with a Vector database, facilitating vector embeddings operations.
  • Optimized response generation and language modeling using RAG (Retrieval-Augmented Generation), Prompt Engineering, enhancing response accuracy by 90% for common queries
  • Achieved 24/7 availability, scalability, and multilingual support, significantly improving campus information accessibility and user experience.
📄Research Paper: AI-BASED CHATBOT FOR EDUCATIONAL INSTITUTES
🚀 Over 1000 reads!⭐ Like it?
ReactTypeScriptTailwind CSSFirebaseOpenAI

MindVault

Live DemoPersonal Knowledge Management System
  • Developed MindVault, a personal knowledge management system designed for researchers and academics to organize, manage, and collaborate on research papers, articles, books, and notes.
  • Implemented user authentication and authorization using JWT, ensuring secure access and management of user data.
  • Developed a feature for uploading, updating, and deleting research papers and notes, with support for tags and metadata for easy categorization.
  • Enabled multimedia support by integrating React-Player, allowing users to watch educational videos directly on the platform.
  • Developed with a responsive design, ensuring seamless usage across desktop and mobile devices.
ReactExpress.jsTypeScriptNode.jsMongoDBDockerAWS

Interviewer

Live Demo🎙️ Voice-Based AI Project
  • Developed an interactive web application that simulates job interviews using AI-powered voice conversations, providing a realistic interview experience with real-time voice interaction and feedback.
  • Built with Next.js 14, React, and TailwindCSS, featuring state management through React Context and API protection with in-memory rate limiting.
  • Integrated OpenAI GPT-4 for interview logic and Deepgram for Speech-to-Text and Text-to-Speech capabilities, enabling natural conversations and dynamic responses.
  • Implemented comprehensive accessibility features following WCAG guidelines, including keyboard navigation, screen reader support, and visual accessibility enhancements.
ReactNext.jsTypeScriptTailwindCSSOpenAINode.js

Owais Yaqoob

Portfolio WebsiteFreelance Project
  • Led the full-stack development of a dynamic portfolio website using Next.js, Tailwind CSS, and TypeScript.
    - Enhanced online presence and user engagement by 65%.
    - Collaborated closely with the client to define project requirements, achieving a 100% alignment with personal branding goals, and led the end-to-end deployment process, integrating Firebase for seamless user authentication and Razorpay for secure payment processing.
    - Optimized website performance through efficient code and best practices, achieving fast load times and smooth navigation.
    - Integrated email.js for a robust contact section, facilitating easy and reliable communication.
  • Collaborated closely with the client to define website requirements.
    - Ensured the final product aligned perfectly with personal branding and professional goals.
    - Provided ongoing support and maintenance, including regular updates and feature enhancements.
ReactTypeScriptTailwind CSSEmail.jsFirebaseRazorpay

mohammadshahid.me

Live DemoPersonal Portfolio
  • Utilized cutting-edge technologies such as Next.js, Tailwind CSS, and TypeScript to develop a sleek and modern portfolio website.
  • Employed TypeScript for type safety and code integrity, reducing bugs by 30% and enhancing maintainability.
  • Leveraged Tailwind CSS utility classes to create a highly responsive and mobile-friendly layout.
  • Optimized the portfolio for various screen sizes and devices.
  • Incorporated interactive features such as smooth scrolling, parallax effects, and lazy loading to create an immersive and memorable user experience.
ReactTypeScriptTailwind CSSFramer Motion