A modern web app that predicts gender from a given first name and displays the probability score using the Genderize API. This project demonstrates API integration, real-time data fetching, and a clean UI built with Next.js and Tailwind CSS.
👉 Live Demo: https://genderize-accuracy.vercel.app/
Genderize Accuracy allows users to enter a name and instantly view:
- Predicted gender
- Confidence probability
- Dataset occurrence count
The goal of this project is to explore how statistical APIs work while building a fast, responsive interface with modern React and Next.js.
🚀 Features
- 🔍 Real-time name lookup
- 📊 Gender probability display
- ⚡ Fast API response handling
- 🎨 Clean UI with Tailwind CSS
- 📱 Responsive design
- 🧩 Icon integration with lucide-react
Core
- Next.js 16 — App framework
- React 19 — UI rendering
- Tailwind CSS v4 — Styling
- Lucide React — Icons
API
- Genderize API — Name → gender prediction
User enters a first name
App sends a request to Genderize API
API returns statistical gender data
UI displays: Name: Alex Gender: Male Probability: 0.87 Count: 14235
This project demonstrates:
- API integration in Next.js
- Client-side data fetching
- State management basics
- Tailwind UI styling
- Responsive layout design
Manaswini Sasmal
📲 - 6370094643
👩💻 Frontend Developer | React Enthusiast
🔗 Portfolio - https://manaswini-portfolio.vercel.app/
📧 manaswinisasmal5597@gmail.com
🔗 LinkedIn - https://www.linkedin.com/in/manaswini-sasmal-b77a21162/