Care Medify is a modern, intuitive web application designed to streamline the appointment booking process for patients and healthcare providers. Built with cutting-edge technologies like Next.js, Shadcn/ui, and Tailwind CSS, Care Medify offers a seamless user experience with features such as doctor search, appointment scheduling, report analysis, and more.
Technology | Description |
---|---|
Next.js | React-based framework for server-side rendering and routing. |
Shadcn/ui | Customizable and reusable UI components. |
Tailwind CSS | Utility-first CSS framework for rapid styling. |
React Hooks | State management with useState , useEffect , and custom hooks. |
Sonner | Toast notifications for user feedback. |
Groq | Querying data efficiently. |
Clone the repository:
git clone https://github.com/your-username/Care-Medify.git
cd Care-Medify
Install dependencies:
npm install
or
yarn install
Start the development server:
npm run dev
Open the application in your browser:
http://localhost:3000
To test the patient login functionality, use the following credentials:
Password | Type | |
---|---|---|
patient@gmail.com | 12345678 |
patient |
/login
page.Here are some screenshots of the application in action:
Feature | Screenshot |
---|---|
Home Page | |
Doctor Search | |
Appointment Booking | |
Login Page | |
Report Analysis | |
Chatbot Integration |
Care-Medify/
āāā app/ # Next.js pages and routing
ā āāā api/ # API routes (e.g., file upload)
ā āāā doctors/ # Doctor-related pages
ā āāā login/ # Login page
ā āāā register/ # Registration page
ā āāā report-analyze/ # Report analysis page
ā āāā specialties/ # Specialty-based doctor listings
ā āāā globals.css # Global styles
ā āāā layout.tsx # Root layout
āāā components/ # Reusable UI components
ā āāā chatbot-button.tsx # Chatbot integration
ā āāā navbar.tsx # Navigation bar
ā āāā ui/ # Shadcn/ui components
ā āāā theme-provider.tsx # Theme provider for dark/light mode
āāā hooks/ # Custom React hooks
āāā lib/ # Utility functions and services
āāā public/ # Static assets (images, logos, etc.)
āāā styles/ # Global CSS styles
āāā tailwind.config.js # Tailwind CSS configuration
āāā tsconfig.json # TypeScript configuration
We welcome contributions from the community! To contribute:
Fork the repository.
Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name
Commit your changes:
git commit -m "Add your descriptive commit message"
Push your changes:
git push origin feature/your-feature-name
Open a pull request on GitHub.
This project is licensed under the MIT License. See the LICENSE file for details.
For questions or feedback, feel free to reach out:
If you find this project useful, give it a āļø on GitHub! Your support motivates us to keep improving.