Projects
Detailed case studies of projects explaining features, reason for building the project, and tech stacks.
Project List
- Face Detection App
- TheraBot - An AI Therapist Chatbot
- Team Collab GraphQL API
- Team Work REST API
- JSON Engine
- Real-time Chat App
- SmartTicTac: AI-Enhanced Tic-Tac-Toe
- Kepler Planet Explorer
- GitHub Snoop
- Quiz App
- Mini Netflix Movie App
- Save the Princess Game
- Mini Marvel
Face Detection App
A full-stack web application that detects and highlights faces in submitted image URLs using Clarifai’s Face Detection API. It supports user authentication and tracks submission counts for an engaging, personalized experience.
Features
- User Authentication: Secure registration and login with session persistence
- Face Detection: Automatically identifies and highlights facial regions in submitted images
- Submission Tracking: Counts and displays the number of images each user has processed
- API Integration: Connects to Clarifai’s Face Detection API to process image data
- Responsive UI: Built with React.js and TailwindCSS for a smooth and interactive frontend
- Backend Services: Node.js/Express.js handles authentication, image processing logic, and data storage
Why Build Face Detection App
- To deepen my understanding of integrating third-party AI APIs into real-world web apps
- To sharpen my full-stack skills by managing both frontend interactivity and backend logic
- To practice implementing secure user authentication and session control
- To explore dynamic image processing and responsive UI updates
- To design a user-friendly experience with clear visual feedback
Tech Stack
TypeScriptTailwindCSSReact.jsExpress.jsMogoDBClarifai API