Projects
Detailed case studies of projects showcasing challenges, solutions, and tech stacks.
Project List
- Face Detection App
- AI-Powered Job Application Assistant
- 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
This is a project that accepts image links and marks detected face areas using Clarifai's face-detection model. It offers essential features like user registration and login, powered by an Express.js backend and an intuitive React.js frontend.
Features
- User Authentication: Register, login, and maintain user sessions securely
- Face Detection: Automatically detects and highlights faces in an image provided via link
- Count: Counts users submitted images and displays the number of faces detected
- API Integration: Seamless consumption of Clarifai's Face Detection API
- Responsive Frontend: Built with React.js for a smooth, dynamic user experience
- Backend Services: Built with Express.js and handles authentication, user management, and API logic
Why Build Face Detection App
- API Consumption: Learn how to integrate third-party AI services into web applications
- Full-Stack Skills: Practice building a complete web app with React frontend and Express backend
- Authentication Practice: Implement secure user login, registration, and session handling
- Image Processing: Understand how to handle external media and render dynamic visual feedback
- State Management: Manage user inputs, API responses, and UI updates effectively
- User Experience: Design intuitive interfaces that provide clear visual feedback to users
Tech Stack
TypeScriptTailwindCSSReact.jsExpress.jsMogoDBClarifai API