Gym Entry

Gym Entry

Frontend - API Project

live
Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5
Screenshot 6
Screenshot 7
Screenshot 8
Screenshot 9
Screenshot 10
Screenshot 11
Screenshot 12
Screenshot 13
Screenshot 14
Screenshot 15
Screenshot 16
Screenshot 17
Screenshot 18
Screenshot 19
Swipe to see more

This is a modern web application for managing gym memberships, designed with a clean and responsive interface. The frontend is built using React and Tailwind CSS, while the backend API is fully developed by me using Node.js, Express, and PostgreSQL. Users can log in securely, view and manage member data, track active memberships, and scan QR codes for quick check-ins. The final image shows a demo QR code that can be scanned in the app to see how the system works in action.Dummy user data to test the application live: |username: admin or staff|, |password: password|

Tech Stack

React 19
TypeScript
Tailwind
Axios
Recharts
React Hook Form
HTML5 QR Code Scanner
Framer Motion

Features