{"id":29130518,"url":"https://github.com/saidebinsabid/doc-talk-app","last_synced_at":"2026-05-04T01:33:37.905Z","repository":{"id":301686999,"uuid":"1010018549","full_name":"saidebinsabid/doc-talk-app","owner":"saidebinsabid","description":"Doc Talk is a modern frontend healthcare appointment platform that enables users to view doctor details, check availability, and book or cancel appointments based on current week days. It also features visual analytics using Recharts, and a blog section that explains key React conce","archived":false,"fork":false,"pushed_at":"2025-06-28T08:13:14.000Z","size":4867,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-28T08:21:39.908Z","etag":null,"topics":["daisyui","react","react-router","recharts","tailwindcss","toastify"],"latest_commit_sha":null,"homepage":"https://doc-talk-420.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saidebinsabid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-28T07:02:48.000Z","updated_at":"2025-06-28T08:15:32.000Z","dependencies_parsed_at":"2025-06-28T08:32:10.518Z","dependency_job_id":null,"html_url":"https://github.com/saidebinsabid/doc-talk-app","commit_stats":null,"previous_names":["saidebinsabid/doc-talk-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/saidebinsabid/doc-talk-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidebinsabid%2Fdoc-talk-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidebinsabid%2Fdoc-talk-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidebinsabid%2Fdoc-talk-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidebinsabid%2Fdoc-talk-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saidebinsabid","download_url":"https://codeload.github.com/saidebinsabid/doc-talk-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saidebinsabid%2Fdoc-talk-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591601,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisyui","react","react-router","recharts","tailwindcss","toastify"],"created_at":"2025-06-30T04:05:59.478Z","updated_at":"2026-05-04T01:33:37.882Z","avatar_url":"https://github.com/saidebinsabid.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🩺 Doc Talk\n\n**Doc Talk** is a modern frontend healthcare appointment platform that enables users to view doctor details, check availability, and book or cancel appointments based on current week days. It also features visual analytics using Recharts, and a blog section that explains key React concepts.\n\nBuilt entirely with **React.js** and styled using **Tailwind CSS + DaisyUI**, this project simulates real-world medical booking systems with dynamic interactivity and informative UI.\n\n\n---\n![Banner](https://github.com/saidebinsabid/doc-talk-app/blob/main/doc-talk-420.png)\n---\n---\n\n## 🚀 Live Project Link\n[![Live Demo](https://img.shields.io/badge/Live%20Demo-%20-%2300C853?style=for-the-badge\u0026logo=appveyor)](https://doc-talk-420.netlify.app/)\n\n---\n\n## 📌 Key Features\n\n- 🔐 **Appointment Booking System** — Users can view doctor details and book appointments based on weekly availability.\n- 📊 **Data Visualization** — Bookings are visualized using **Recharts** on the My Bookings page.\n- 🚫 **Duplicate Booking Prevention** — Users cannot book the same doctor more than once.\n- 💡 **Smart Appointment Rules** — Appointments automatically disable based on the current day and the doctor's schedule.\n- 📚 **React Blogs** — Includes an informative blog section fetched from JSON, discussing React hooks and concepts.\n\n---\n\n## 🔧 Technologies Used\n\n- **React 19**, **React Router DOM**\n- **Tailwind CSS**, **DaisyUI**\n- **Recharts**, **React CountUp**, **React Toast**\n- **Data Source**: Local `doctor.json` \u0026 `questions.json`\n\n---\n## 📂 Folder Structure\n```\nsrc/\n├── Components/\n│   ├── DoctorCart.jsx\n│   ├── DoctorDetailsContainer.jsx\n│   ├── BookingChart.jsx\n│   └── ...\n├── Pages/\n│   ├── Home.jsx\n│   ├── Blogs.jsx\n│   ├── Booking.jsx\n│   └── ...\n├── Layouts/\n├── Routers/\n├── assets/\n├── App.jsx\n├── main.jsx\n\n```\n---\n#### 🧩 Project Layout\n- Navbar with routes: Home, My Bookings, Blogs, Contact Us  \n- Doctor listing in card format with detailed modal view  \n- Appointment booking redirected to dashboard with chart  \n- Recharts-based doctor fee graph on My Bookings page  \n- Animated stats section using React CountUp\n- Footer with site name, contact info, social links, and legal links  \n\n---\n\n#### ✅ Key Features\n- Conditional appointment booking based on weekday  \n- One-time booking with toast feedback and error prevention  \n- Doctor info with availability and consultation fee  \n- Booking data visualized through dynamic Recharts  \n- Blog section displaying Q\u0026A fetched from local JSON  \n\n---\n\n#### 🔧 Additional Features\n- Cancel appointment with real-time chart update  \n- Empty state handling for no bookings  \n- Responsive design with Tailwind \u0026 DaisyUI  \n- Animated stat counters for total doctors, reviews, etc.\n\n---\n\n#### 🐞 Challenges Faced\n- Weekday logic implementation for appointment availability  \n- Rechart integration for doctor-wise appointment fees  \n- Preventing duplicate booking attempts  \n- Dynamic removal of chart edges after cancellation  \n\n---\n\n#### 🚀 Improvements\n- Add Firebase or Express backend for dynamic data handling  \n- Enable login system for user-specific bookings  \n- Email/SMS alerts for confirmed appointments  \n- Add filter/sort system for doctor categories  \n\n---\n\n## 🛠️ How to Run Locally\n\n```bash\ngit clone https://github.com/your-username/doc-talk.git\ncd doc-talk\nnpm install\nnpm run dev\n```\n---\n## 📞 Contact\n\nFor any questions or feedback, please contact:\n\n- Email: ssaidebin1@gmail.com \n---\n\nThank you for visiting Doc Talk!  \nYour reliable platform to get freelance tasks done efficiently.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaidebinsabid%2Fdoc-talk-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaidebinsabid%2Fdoc-talk-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaidebinsabid%2Fdoc-talk-app/lists"}