wes-q / top-photo-tagging-app

The Odin Project - A Photo Tagging App (Where's Waldo Game)

The Odin Project - A Photo Tagging App (Where's Waldo Game)

Project Goals - Learn to deploy

Live Preview - https://top-photo-tagging-app-waldo.onrender.com/

Note: Kindly wait for the website to load for the first time, free hosting service is implementing spindown on inactivity)

Tablet Laptop vs Mobile Screenshots

What I learned from this project:

• Frontend and backend integration and production deployment
• REST APIs
• JWT (Json Web Tokens)
• Express
• Nodemailer (for sending verification emails)
• User Authentication (local signup)
• Oauth User Authentication (login via Google)
• Oauth User Authentication (login via Facebook)
• Oauth User Authentication (login via Github)
• User Authorization (certain actions are available only to verified users)
• Effective data modeling using MongoDB / Mongoose
• User sessions stored in the database
• Handling of expired sessions
• Serving static files (user can upload a profile photo)
• Implement game sound effects
• DOM manipulation using React
• Input Validation (frontend, backend and database)
• Responsive app design fit for mobile and desktop usage
• Client-side routing using React router
• Design using Tailwind css
• Learn how to use Cloudinary as a cloud storage for files

Credits to The Odin Project: https://www.theodinproject.com/lessons/nodejs-where-s-waldo-a-photo-tagging-app