🌱 GrowKid

Track every special moment of your child's growth with love and technology.

GrowKid is a modern and responsive web platform dedicated to tracking child development. Developed with a focus on user experience, it offers intuitive tools for parents and caregivers to monitor their children's growth.

👉 Visit here

🎯 Key Features

• Modern Interface: Child-friendly and cheerful design with soft colors and attractive visual elements
• Responsive: Works perfectly on mobile devices, tablets, and desktop
• Accessibility: Developed following web accessibility best practices
• Security: Data protection with encryption and robust validations
• User Experience: Intuitive navigation and real-time visual feedback

📱 Features

🔐 Authentication System

• Secure login with data validation
• Complete registration with parent and child information
• Password visibility toggle with interactive icon
• Real-time form validation

👶 Child Tracking

• Child data registration (name, birth date, weight, height)
• Development milestone tracking
• Vaccination calendar
• Photo gallery and special moments
• Medical reports

🛠️ Technologies Used

• HTML5: Semantic and accessible structure
• CSS3: Modern styling with Grid, Flexbox and animations
• JavaScript: Interactive features and validations
• Font Awesome: Vector icons
• Google Fonts: Poppins typography
• Responsive Design: Mobile-first approach

🚀 How to Run

1. Clone the repository:

   git clone https://github.com/nandabri/GrowKid.git

2. Navigate to the directory:

   cd GrowKid

3. Open the main file:

   • Open index.html in your browser
   • Or use a local server like Live Server (VS Code)

🎨 Design System

Main Colors

• Primary: #4CAF50 (Green)
• Secondary: #45a049 (Dark Green)
• Gradients: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
• Text: #333 (Dark), #666 (Medium), #999 (Light)

Typography

• Font: Poppins (Google Fonts)
• Weights: 300, 400, 500, 600, 700

Responsiveness

• Desktop: > 768px
• Tablet: 768px - 480px
• Mobile: < 480px

📊 Compatibility

• ✅ Chrome
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ✅ Mobile browsers

🔒 Security

• Client-side and server-side validation
• Input sanitization
• XSS protection
• Sensitive data encryption
• Privacy policy implemented

🌟 Upcoming Features

• Custom dashboard
• Growth charts
• Push notifications
• Family sharing
• Report exports
• Pediatrician integration
• Native mobile app

🤝 Contributing

1. Fork the project
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is open for learning purposes. Feel free to get inspired, but don't copy.

Made with ❤️ for families and healthcare systems by Fernanda Belmont

👨‍💻 Developer

Fernanda Belmont

• GitHub: @nandabri
• Email: rivlisnanda@gmail.com