CareConnect is a comprehensive web platform designed to connect users with professional caregivers for various needs, including baby care, elderly care, and support for sick individuals. The application facilitates seamless service booking, secure account management, and an administrative dashboard for business oversight.
- Browse Services: View detailed service descriptions for Baby Care, Elderly Care, and Sick Person Care.
- Book a Service: Easy-to-use booking form with:
- Date & Time selection.
- Duration picker (2hrs to 24hrs).
- Detailed Location: Structured address input (Division, District, City, Area, Details) for precise service delivery.
- Payment simulation.
- My Bookings: Track booking status (Pending, Confirmed, Completed) and view history.
- Authentication: Secure Login and Registration system.
- Dashboard: Overview of business metrics.
- Manage Bookings: Accept or Reject booking requests.
- Payment History: View a log of all successful transactions and total revenue.
- Manage Users: View and manage registered users.
- Manage Services: Add, edit, or remove service offerings.
This project is built using modern web development technologies to ensure performance, scalability, and developer experience.
- Framework: Next.js 16+ [React.js] (https://reactjs.org/)(App Router)
- Language: JavaScript (ES6+)
- Styling: Tailwind CSS v4
- Animations: Motion (Framer Motion)
- Icons: React Icons
- Notifications: Sonner (Toast notifications)
- Server: Next.js API Routes (Serverless functions)
- Database: MongoDB
- ODM: Mongoose or Native MongoDB Driver (Hybrid approach)
- Authentication: NextAuth.js (Credentials Provider)
Follow these steps to set up the project locally.
- Node.js (v18 or higher)
- npm, pnpm, or yarn
- MongoDB Atlas account or local MongoDB instance
-
Clone the repository
git clone https://github.com/Injamhossan/care-connect.git cd care-website -
Install dependencies
npm install # or pnpm install -
Environment Setup Create a
.envor.env.localfile in the root directory and add the following variables:# Database MONGODB_URI=mongodb+srv://<username>:<password>@cluster.mongodb.net/care_connect # Authentication NEXTAUTH_SECRET=your_super_secret_key NEXTAUTH_URL=http://localhost:3000 # API NEXT_PUBLIC_API_URL=http://localhost:3000
-
Run the development server
npm run dev # or pnpm dev -
Open Browser Visit http://localhost:3000 to see the application.
src/
├── app/ # Next.js App Router pages & API routes
│ ├── admin/ # Admin dashboard routes
│ ├── api/ # Backend API endpoints (auth, bookings, services)
│ ├── dashboard/ # User dashboard routes
│ ├── login/ # Authentication pages
│ └── ...
├── components/ # Reusable React components
│ ├── admin/ # Admin-specific components (Sidebar, etc.)
│ ├── common/ # Shared components (Loader, Navbar, Footer)
│ └── home/ # Landing page sections
├── lib/ # Utility functions & configurations (db, auth)
├── models/ # Mongoose/DB models (User, Booking, Service)
└── style/ # Global styles (Tailwind directives)
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.