https://github.com/gxuravkumar911/smileplz
SmileplzZ is an innovative MERN stack web application designed to gamify positivity through real-time smile detection and leaderboards. This project highlights my expertise in full-stack development, machine learning, and real-time interactivity, demonstrating my ability to craft complex, scalable, and engaging applications.
https://github.com/gxuravkumar911/smileplz
express fullstack-application mental-health mern-stack mongodb nodejs positivity react smile-detection
Last synced: about 2 months ago
JSON representation
SmileplzZ is an innovative MERN stack web application designed to gamify positivity through real-time smile detection and leaderboards. This project highlights my expertise in full-stack development, machine learning, and real-time interactivity, demonstrating my ability to craft complex, scalable, and engaging applications.
- Host: GitHub
- URL: https://github.com/gxuravkumar911/smileplz
- Owner: Gxuravkumar911
- Created: 2025-01-15T08:50:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-11-04T16:03:58.000Z (7 months ago)
- Last Synced: 2025-11-04T17:12:11.775Z (7 months ago)
- Topics: express, fullstack-application, mental-health, mern-stack, mongodb, nodejs, positivity, react, smile-detection
- Language: JavaScript
- Homepage: https://smileplz.onrender.com/
- Size: 5.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
SmileplzZ is an innovative MERN stack web application designed to gamify positivity through real-time smile detection and leaderboards. This project highlights my expertise in full-stack development, machine learning, and real-time interactivity, demonstrating my ability to craft complex, scalable, and engaging applications.
# Key Features ✨:-
- **Real-Time Smile Detection 🧠**:
Integrated TensorFlow and FaceAPI to analyze smiles in real-time, combining cutting-edge machine learning with seamless browser-based functionality.
- **Gamified Leaderboard System 🏆**:
A dynamic leaderboard ranks users based on their smile frequency and duration, encouraging engagement and competition.
- **Modern, Responsive Design 📱**:
Built with React.js for a smooth, responsive, and user-friendly interface that works flawlessly across devices.
- **Secure User Authentication 🔐**:
User login and account management powered by JWT for robust security.
- **Real-Time Updates ⏱️**:
Provides instant leaderboard updates and enhance user interaction.
- **Scalable Backend 🚀**:
Designed with Node.js and Express to ensure efficient routing, scalability, and performance.
# Technologies Used 🛠️:-
**Frontend**:
- React.js: For building a responsive, interactive user interface.
- FaceAPI: For browser-based smile detection and analysis.
- TensorFlow.js: For real-time facial expression recognition.
**Backend**:
- Node.js & Express.js: For API routing, server logic, and handling real-time events.
**Database**:
- MongoDB: For fast, flexible, and scalable data storage.
**Machine Learning**:
- TensorFlow.js: For client-side facial recogination.
- FaceAPI: For detecting and analyzing facial landmarks.
# Can you smile for long enough? Lets test: (Note: it might take some time to open as of free hosting. Kindly Be patient!)
https://smileplz.onrender.com/
# Installation & Setup 🚀:
git clone https://github.com/gxuravkumar911/smileplz.git
cd smileplzZ
Backend:
cd backend (make sure to download required dependencies)
npm start
Frontend:
cd /frontend (make sure to download required dependencies)
npm start
# Conclusion 🎯:-
SmileplzZ is a testament to my ability to merge machine learning, real-time interactivity, and full-stack development into a single, cohesive web application. This project showcases not just my technical expertise but also my creativity and passion for building engaging, impactful solutions.
Explore the codebase, provide feedback, or reach out for collaboration ideas—I’m always open to building something extraordinary together! 🚀