Changes to doctorly1.scroll.pub

ffff:152.59.143.79

26 days ago

updated index.scroll

index.scroll

Changed around line 1

+ title Doctorly - Modern Doctor's Appointment Platform

- title Doctorly - Modern Doctor's Appointment Platform

- script.js

+ script.js

root

26 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Home
+     Search Doctors
+     Login
+     
+   
+   Welcome to Doctorly
+   Your modern solution for booking doctor appointments
+ 
+ 
+ 
+   
+     
+       
+         Find the Best Doctors
+         Search by specialty, location, and availability
+       
+       
+         Book Appointments Easily
+         Interactive calendar for seamless booking
+       
+       
+         Manage Your Health
+         Track your appointments and doctor recommendations
+       
+     
+   
+ 
+   
+     What Our Patients Say
+     
+       "Doctorly made finding and booking appointments so easy!"
+       - Jane Doe
+     
+     
+       "The user interface is clean and intuitive. Highly recommend!"
+       - John Smith
+     
+   
+ 
+   
+     Ready to Get Started?
+     Find a Doctor
+   
+ 
+ 
+ 
+   Doctorly - Modern Doctor's Appointment Platform
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://doctorly.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Doctorly - Modern Doctor's Appointment Platform
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "e665e23b-0ce0-4e00-b1ce-2ce4ccc1b95c",
+   "object": "chat.completion",
+   "created": 1735327184,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ndoctorly.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://doctorly.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Doctorly - Modern Doctor's Appointment Platform\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Home\n    Search Doctors\n    Login\n    \n  \n  Welcome to Doctorly\n  Your modern solution for booking doctor appointments
\n\n\n\n  \n    \n      \n        Find the Best Doctors\n        Search by specialty, location, and availability
\n      
\n      \n        Book Appointments Easily\n        Interactive calendar for seamless booking
\n      
\n      \n        Manage Your Health\n        Track your appointments and doctor recommendations
\n      
\n    
\n  \n\n  \n    What Our Patients Say\n    \n      \"Doctorly made finding and booking appointments so easy!\"
\n      - Jane Doe
\n    
\n    \n      \"The user interface is clean and intuitive. Highly recommend!\"
\n      - John Smith
\n    
\n  \n\n  \n    Ready to Get Started?\n    Find a Doctor\n  \n\n\n\n  Doctorly - Modern Doctor's Appointment Platform
\n\n---style.css---\n:root {\n  --primary-color: #2563eb;\n  --secondary-color: #1e40af;\n  --background-color: #ffffff;\n  --text-color: #1e293b;\n  --shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n[data-theme=\"dark\"] {\n  --primary-color: #3b82f6;\n  --secondary-color: #1e40af;\n  --background-color: #1e293b;\n  --text-color: #f8fafc;\n  --shadow-color: rgba(255, 255, 255, 0.1);\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  margin: 0;\n  padding: 0;\n  transition: background-color 0.3s, color 0.3s;\n}\n\nheader {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nnav {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\nnav a {\n  color: white;\n  text-decoration: none;\n  font-weight: bold;\n}\n\n#theme-toggle {\n  background-color: var(--secondary-color);\n  color: white;\n  border: none;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n}\n\n#hero {\n  padding: 2rem;\n  text-align: center;\n}\n\n.carousel {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.slide {\n  min-width: 100%;\n  transition: transform 0.5s ease;\n}\n\n#testimonials {\n  padding: 2rem;\n  text-align: center;\n}\n\n.testimonial {\n  background-color: var(--shadow-color);\n  padding: 1rem;\n  margin: 1rem auto;\n  max-width: 600px;\n  border-radius: 8px;\n}\n\n#cta {\n  padding: 2rem;\n  text-align: center;\n}\n\n.cta-button {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 1rem 2rem;\n  text-decoration: none;\n  border-radius: 8px;\n  font-weight: bold;\n}\n\nfooter {\n  background-color: var(--primary-color);\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  nav {\n    flex-direction: column;\n  }\n\n  .carousel {\n    flex-direction: column;\n  }\n\n  .slide {\n    min-width: 100%;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n  const themeToggle = document.getElementById('theme-toggle');\n  const body = document.body;\n\n  const savedTheme = localStorage.getItem('theme') || 'light';\n  body.setAttribute('data-theme', savedTheme);\n\n  themeToggle.addEventListener('click', () => {\n    const currentTheme = body.getAttribute('data-theme');\n    const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n    body.setAttribute('data-theme', newTheme);\n    localStorage.setItem('theme', newTheme);\n  });\n\n  const carousel = document.querySelector('.carousel');\n  let slideIndex = 0;\n\n  setInterval(() => {\n    slideIndex = (slideIndex + 1) % carousel.children.length;\n    carousel.style.transform = `translateX(-${slideIndex * 100}%)`;\n  }, 5000);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 725,
+     "completion_tokens": 1272,
+     "total_tokens": 1997,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 725
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # doctorly1.scroll.pub

+ Website generated by DeepSeek from prompt: Generate a full-stack MERN (MongoDB, Express, React, Node.js) application for a modern Doctor's Appointment website with the following features, using Vite for the frontend:Frontend Modern UI/UX Design: Support light and dark modes with a toggle switch. Responsive design for mobile, tablet, and desktop compatibility. Smooth animations and transitions (e.g., a carousel for showcasing doctors or testimonials). Pages: Home Page: Modern layout with a carousel showcasing featured doctors or services, a call-to-action section, and customer testimonials. Login/Sign-up Page: Secure authentication using JWT. User Dashboard: Displays upcoming appointments, doctor recommendations, and personal profiles. Search Page: Search doctors by specialty, location, availability, and ratings. Appointment Booking Page: Interactive calendar for slot selection and booking confirmation. Frontend Framework: Use React for the frontend with Vite for faster development and optimized production builds. Use Tailwind CSS for clean, modern, and customizable styling. Implement routing using react-router-dom. Backend Node.js with Express: RESTful APIs for user authentication, appointment management, and doctor data retrieval. Secure routes using JWT for authentication and role-based access control (e.g., admin vs. user). Database: Use MongoDB to store data: Users: Name, email, password (hashed), appointments, and preferences. Doctors: Name, specialty, ratings, availability, and location. Appointments: User ID, doctor ID, date, time, and status. Prepopulate the database with random doctor profiles (e.g., 20 entries). Deployment Frontend: Deploy the frontend on Vercel or GitHub Pages (using vite.config.js adjustments for relative paths). Backend: Deploy the backend on platforms like Render, Vercel, or AWS Lambda. Use .env files to manage sensitive environment variables (e.g., MongoDB URI, JWT secret). Additional Features Dark/Light Mode: Implement a toggle switch with local storage to save user preferences. SEO Optimizations: Use meta tags and dynamic routing for better search engine visibility. Sample Data: Create a JSON file for the prepopulated doctor database with fields: Name, Specialty, Availability (dates/times), Ratings (1-5 stars), and Location. Interactive Components: Use libraries like react-calendar or fullcalendar for appointment selection. Add animated modals for login, registration, and booking confirmation.

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   const themeToggle = document.getElementById('theme-toggle');
+   const body = document.body;
+ 
+   const savedTheme = localStorage.getItem('theme') || 'light';
+   body.setAttribute('data-theme', savedTheme);
+ 
+   themeToggle.addEventListener('click', () => {
+     const currentTheme = body.getAttribute('data-theme');
+     const newTheme = currentTheme === 'light' ? 'dark' : 'light';
+     body.setAttribute('data-theme', newTheme);
+     localStorage.setItem('theme', newTheme);
+   });
+ 
+   const carousel = document.querySelector('.carousel');
+   let slideIndex = 0;
+ 
+   setInterval(() => {
+     slideIndex = (slideIndex + 1) % carousel.children.length;
+     carousel.style.transform = `translateX(-${slideIndex * 100}%)`;
+   }, 5000);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2563eb;
+   --secondary-color: #1e40af;
+   --background-color: #ffffff;
+   --text-color: #1e293b;
+   --shadow-color: rgba(0, 0, 0, 0.1);
+ }
+ 
+ [data-theme="dark"] {
+   --primary-color: #3b82f6;
+   --secondary-color: #1e40af;
+   --background-color: #1e293b;
+   --text-color: #f8fafc;
+   --shadow-color: rgba(255, 255, 255, 0.1);
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   margin: 0;
+   padding: 0;
+   transition: background-color 0.3s, color 0.3s;
+ }
+ 
+ header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ nav {
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+   margin-bottom: 1rem;
+ }
+ 
+ nav a {
+   color: white;
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ #theme-toggle {
+   background-color: var(--secondary-color);
+   color: white;
+   border: none;
+   padding: 0.5rem 1rem;
+   cursor: pointer;
+ }
+ 
+ #hero {
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .carousel {
+   display: flex;
+   overflow: hidden;
+   width: 100%;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .slide {
+   min-width: 100%;
+   transition: transform 0.5s ease;
+ }
+ 
+ #testimonials {
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .testimonial {
+   background-color: var(--shadow-color);
+   padding: 1rem;
+   margin: 1rem auto;
+   max-width: 600px;
+   border-radius: 8px;
+ }
+ 
+ #cta {
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .cta-button {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 1rem 2rem;
+   text-decoration: none;
+   border-radius: 8px;
+   font-weight: bold;
+ }
+ 
+ footer {
+   background-color: var(--primary-color);
+   color: white;
+   text-align: center;
+   padding: 1rem;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   nav {
+     flex-direction: column;
+   }
+ 
+   .carousel {
+     flex-direction: column;
+   }
+ 
+   .slide {
+     min-width: 100%;
+   }
+ }