CareNow - Professional Caregiving Platform

CareNow is a comprehensive, full-stack caregiving platform designed to connect families with verified caregivers for babysitting, elderly care, and special needs in Bangladesh. Built with performance, accessibility, and modern UI/UX in mind.

🚀 Key Features

• Advanced Search & Filtering: Find caregivers by name or location with real-time, debounced search for optimal performance.
• Intelligent Sorting: Sort caregivers by highest rating, lowest price, or newest listings to find the perfect match.
• Dynamic Pagination: Smooth navigation through large sets of caregiver data with a custom-built pagination system.
• NextAuth Integration: Secure authentication system supporting traditional credentials and social logins.
• Professional UI/UX:
  • Responsive Design: Fully optimized for mobile, tablet, and desktop.
  • Dark Mode Support: Seamless theme switching with next-themes.
  • Micro-animations: Enhanced user experience using Framer Motion.
  • Loading Skeletons: Perceived performance improvements with tailored skeleton states.
• SEO Optimized: Fully Seo optimized with metadata, OpenGraph support, and canonical URLs.
• Server-Side Excellence: Leverages Next.js Server Actions for efficient data mutations and retrieval.

🛠️ Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Shadcn UI
• Animations: Framer Motion
• Authentication: NextAuth.js
• Database: MongoDB (Mongoose & Native Driver)
• State Management: React Hooks & URL Query Parameters
• Notifications: React Hot Toast

🏁 Getting Started

Prerequisites

• Node.js 18.x or later
• MongoDB Atlas account or local MongoDB instance

Installation

1. Clone the repository:

   git clone https://github.com/naims6/CareNow.git
   cd carenow

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory and add the following:

   MONGODB_URI=your_mongodb_connection_string
   DB_NAME=your_database_name
   AUTH_SECRET=your_nextauth_secret
   # Social Login Credentials
   GOOGLE_CLIENT_ID=your_google_id
   GOOGLE_CLIENT_SECRET=your_google_secret

4. Run the development server:

   npm run dev

5. Build for production:

   npm run build

📂 Project Structure

src/
├── actions/        # Server Actions for DB operations
├── app/            # Next.js App Router (Routes & Layouts)
├── components/     # Reusable UI & Page components
├── lib/            # Utility functions & DB config
├── model/          # Mongoose schemas/models
├── types/          # TypeScript definitions
└── script/         # Seeding & maintenance scripts

Developed with ❤️ by Naim Sorker