🏥 Careify - Baby Sitting & Elderly Care Service Platform

A modern web application providing reliable and trusted care services for children, elderly, and other family members.

Features • Tech Stack • Installation • Routes • Challenges

---

📖 About The Project

Careify is a comprehensive caregiving platform that makes professional care services accessible to everyone. Whether you need babysitting, elderly care, or specialized care for sick family members, our platform connects you with trusted care providers seamlessly.

🎯 Mission

Making caregiving easy, secure, and accessible (সহজ, নিরাপদ এবং অ্যাক্সেসেবল) for every family through a modern digital platform.

🌟 Why Careify?

• ✅ Trusted Providers - Verified and background-checked caregivers
• ✅ Flexible Booking - Choose duration, location, and specific requirements
• ✅ Real-time Tracking - Monitor booking status and history
• ✅ Automated Invoicing - Receive email invoices instantly
• ✅ 24/7 Support - Always available when you need assistance

---

✨ Key Features

🔐 Authentication & Security

• Email & Password authentication with strong validation
• Google Social Login integration via NextAuth
• Protected routes with session persistence
• NID verification for user registration
• Password validation (6+ characters, 1 uppercase, 1 lowercase)
• Auto-redirect to booking page after successful registration

📱 Responsive Design

• Mobile-first approach
• Tablet optimized layouts
• Desktop enhanced experience
• Seamless cross-device compatibility

🗓️ Dynamic Booking System

• Duration Selection - Book by days or hours
• Location-based Filtering - Division → District → City → Area
• Real-time Cost Calculator - Total Cost = Duration × Service Charge
• Instant Booking Confirmation - Status tracking from booking to completion
• Address Input - Detailed location information

📊 Booking Management

• My Bookings Dashboard - View all your bookings in one place
• Status Tracking - Pending → Confirmed → Completed
• Booking Details - Service name, duration, location, total cost
• Cancel Bookings - Flexible cancellation options
• View Details - Complete booking information

🏥 Service Categories

1. Baby Care - Professional childcare and babysitting services
2. Elderly Service - Compassionate care for seniors
3. Sick People Service - Specialized medical assistance at home

📧 Email Notifications

• Automated invoice generation
• Email delivery after booking confirmation
• Professional invoice template with booking details

---

🛠️ Tech Stack

Frontend

• Framework: Next.js 16.1.1 (App Router)
• UI Library: React 19.2.3
• Styling: TailwindCSS 4.1.18 + DaisyUI 5.5.14
• Form Management: React Hook Form 7.69.0
• Icons: Lucide React 0.562.0
• Notifications: React Toastify 11.0.5
• Utilities: clsx 2.1.1

Backend

• Runtime: Node.js with Next.js API Routes
• Database: MongoDB 7.0.0
• ODM: Mongoose 9.0.2
• Authentication: NextAuth.js 4.24.13
• Password Hashing: Bcrypt 6.0.0
• Email Service: Nodemailer 7.0.12
• HTTP Client: Axios 1.13.2

Development

• Linting: ESLint 9 with Next.js config
• CSS Processing: PostCSS with Tailwind

---

📄 Pages & Routes

Route	Type	Description
/	Public	Homepage with banner, services overview, testimonials
/service/:service_id	Public	Detailed service information and booking CTA
/booking/:service_id	🔒 Private	Dynamic booking form with cost calculation
/my-bookings	🔒 Private	User booking dashboard and management
/login	Public	User authentication page
/register	Public	New user registration with NID
/404	Public	Custom error page with home redirect

🔒 Private Route Features

• Automatic redirect to login for unauthenticated users
• Session persistence on page reload
• No redirect to login when already authenticated

---

🚀 Getting Started

Prerequisites

Node.js 18+ 
MongoDB 7.0+
npm or yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/careify.git
cd careify

2. Install dependencies

npm install

3. Set up environment variables

Create a .env.local file in the root directory:

# Database
MONGODB_URI=your_mongodb_connection_string

# NextAuth Configuration
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your_nextauth_secret_key

# Google OAuth
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret

# Email Service (Nodemailer)
EMAIL_SERVER_HOST=smtp.gmail.com
EMAIL_SERVER_PORT=587
EMAIL_SERVER_USER=your_email@gmail.com
EMAIL_SERVER_PASSWORD=your_app_specific_password
EMAIL_FROM=noreply@careify.com

# Optional: Stripe Payment (if implemented)
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key

4. Run the development server

npm run dev

5. Open your browser Navigate to http://localhost:3000

Build for Production

npm run build
npm start

---

🎨 Project Structure

careify/
├── app/                          # Next.js App Router
│   ├── api/                      # API Routes
│   │   ├── auth/                 # NextAuth endpoints
│   │   │   └── [...nextauth]/    # Dynamic auth routes
│   │   ├── bookings/             # Booking endpoints
│   │   │   ├── route.js          # GET, POST bookings
│   │   │   └── [id]/             # Update, delete booking
│   │   ├── services/             # Service endpoints
│   │   │   └── [id]/             # Get service by ID
│   │   └── send-invoice/         # Email invoice endpoint
│   ├── booking/                  # Booking pages
│   │   └── [service_id]/         # Dynamic booking page
│   ├── service/                  # Service detail pages
│   │   └── [service_id]/         # Dynamic service page
│   ├── my-bookings/              # User bookings page
│   ├── login/                    # Login page
│   ├── register/                 # Registration page
│   ├── layout.js                 # Root layout
│   ├── page.js                   # Homepage
│   └── not-found.js              # 404 page
├── components/                   # React components
│   ├── ui/                       # UI components
│   │   ├── Button.jsx
│   │   ├── Card.jsx
│   │   └── Input.jsx
│   ├── forms/                    # Form components
│   │   ├── BookingForm.jsx
│   │   └── LoginForm.jsx
│   ├── layout/                   # Layout components
│   │   ├── Header.jsx
│   │   ├── Footer.jsx
│   │   └── Navbar.jsx
│   └── shared/                   # Shared components
│       ├── ServiceCard.jsx
│       └── BookingCard.jsx
├── lib/                          # Utility libraries
│   ├── db.js                     # MongoDB connection
│   ├── auth.js                   # Auth helpers
│   └── utils.js                  # Helper functions
├── models/                       # Mongoose models
│   ├── User.js                   # User schema
│   ├── Service.js                # Service schema
│   └── Booking.js                # Booking schema
├── public/                       # Static assets
│   ├── images/
│   └── icons/
├── styles/                       # Global styles
│   └── globals.css
├── .env.local                    # Environment variables
├── next.config.js                # Next.js configuration
├── tailwind.config.js            # Tailwind configuration
├── package.json                  # Dependencies
└── README.md                     # Project documentation

---

🏆 Challenges Completed

✅ Metadata Implementation

• Dynamic metadata for Homepage
• Dynamic metadata for Service Detail pages
• SEO optimized titles and descriptions
• Open Graph tags for social sharing

✅ Email Invoice System

• Automated invoice generation on booking
• Professional email template design
• Booking details, cost breakdown, and status
• Sent via Nodemailer with SMTP configuration

🎯 Optional Features (Bonus)

• Stripe Payment Integration - Secure payment processing
• Admin Dashboard - Booking and payment management
• Payment History - Transaction tracking and reports

---

🔐 Environment Variables

Variable	Description	Required
MONGODB_URI	MongoDB connection string	✅ Yes
NEXTAUTH_URL	Application base URL	✅ Yes
NEXTAUTH_SECRET	NextAuth encryption key	✅ Yes
GOOGLE_CLIENT_ID	Google OAuth client ID	✅ Yes
GOOGLE_CLIENT_SECRET	Google OAuth secret	✅ Yes
EMAIL_SERVER_HOST	SMTP server host	✅ Yes
EMAIL_SERVER_PORT	SMTP server port	✅ Yes
EMAIL_SERVER_USER	Email account username	✅ Yes
EMAIL_SERVER_PASSWORD	Email account password	✅ Yes
EMAIL_FROM	Sender email address	✅ Yes
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY	Stripe public key	⭕ Optional
STRIPE_SECRET_KEY	Stripe secret key	⭕ Optional

---

📸 Screenshots

Homepage

Beautiful landing page with service overview and testimonials

Service Details

Comprehensive service information with booking CTA

Booking Page

Dynamic booking form with real-time cost calculation

My Bookings

User dashboard for tracking and managing bookings

---

🔑 Key Functionalities

Booking Flow

1. User selects a service from homepage
2. Views detailed service information
3. Clicks "Book Service" (redirects to login if not authenticated)
4. Fills booking form:
   • Selects duration (days/hours)
   • Chooses location (Division → District → City → Area)
   • Enters detailed address
   • Reviews auto-calculated total cost
5. Confirms booking → Status: Pending
6. Receives email invoice automatically

User Registration

• NID number validation
• Name, email, contact information
• Password validation (6+ chars, 1 uppercase, 1 lowercase)
• Auto-redirect to booking page after successful registration

Booking Management

• View all bookings with complete details
• Track booking status (Pending/Confirmed/Completed/Cancelled)
• Cancel bookings when needed
• View detailed booking information

---

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your 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 licensed under the MIT License - see the LICENSE file for details.

---

👨‍💻 Developer

Hossain Shifat

• GitHub: @hossain-shifat
• Email: hossainshifat222@gmail.com

---

🙏 Acknowledgments

• Next.js Documentation
• MongoDB Documentation
• NextAuth.js
• TailwindCSS
• DaisyUI

---

Made with ❤️ for better caregiving

⭐ Star this repository if you find it helpful!