Artificial Intelligence
Kid-Friendly Email Names Generator
Kid Email Generation Hero aims to provide a safe, fun, and educational tool for children entering the digital world.
Full StackCompletedBeginner
Project Overview
By combining engaging design with powerful AI technology, we create an application that not only solves the practical problem of email username creation but also introduces children to digital identity concepts in an age-appropriate way.
Project Purpose
Kid Email Generation Hero is a web application designed to help children create fun, safe, and appropriate email usernames using AI technology. The application targets children aged 5-17 who are setting up their first email accounts, providing them with creative username suggestions that:
- Reflect their personality, interests, and preferences
- Are age-appropriate and safe for online use
- Avoid revealing personal information
- Are creative and engaging
The primary goal is to make the process of creating an email address enjoyable and educational for children while ensuring online safety. The application features a kid-friendly interface with bright colors, engaging animations, and an intuitive wizard-style form that guides users through the process of generating personalized email username suggestions.
Technical Stack
Frontend
- Framework: Next.js 15+ with App Router
- UI Library: React 19
- State Management:
- Zustand for global state
- React Query v5 for server state and caching
- UI Components:
- Radix UI primitives
- Tailwind CSS v4+ for styling
- Custom components built on top of shadcn/ui
- Animations: Framer Motion for smooth transitions and interactive elements
- Form Management:
- React Hook Form for form state
- Zod for schema validation
- Responsive Design: Mobile-first approach with adaptive layouts for all device sizes
Backend (Planned)
- API Framework: NestJS
- Database:
- PostgreSQL (NeonDB)
- Prisma ORM for database access
AI Integration
- Primary AI Service: Google Gemini AI
- Backup/Alternative: OpenAI GPT models
- Integration Method: Server-side API calls with client-side streaming
Key Features
- Free to use
- Email Names Generation
- Names Persistence
Project Gallery
Project Details
- Duration:1 week
- Completed:May 30, 2025
- Project Type:Full Stack
- Status:Completed
- Difficulty:Beginner
- Team Size:1
- Estimated Hours:30h
- Technologies:React.jsNext.jsNode.jsNest.jsShadcnTailwind CSSZustandReact QueryFramer MotionReact Hook FormZodPostgreSQLPrisma ORMGemini AIOpenAI GPT
- Category:Artificial Intelligence
Related Projects
fullstack
Bringing AI to the Teacher's Desk
Have you ever watched the sun rise on a Sunday morning, coffee in hand, as you stare at a blank lesson plan template? If you're an educator, you know this scene all too well. The quiet dread of another weekend sacrificed to planning. The mental gymnastics of aligning activities to standards while keeping 30 unique learners engaged. The knowledge that as soon as this week's plans are done, next week's planning clock starts ticking.
Artificial IntelligenceEducation
View Project
frontend
Pomotion: AI-Powered Productivity Suite
Pomotion combines intelligent task management with Pomodoro timing and AI assistance to create a productivity system that adapts to you, not the other way around.
Artificial IntelligenceProductivity
View Project