Setting up a full-stack appointment website for doctors can seem daunting, but with the right tools and guidance, you can have your own system up and running in no time. In this article, we will guide you through the installation process of the DoctorOnCall System, a modern solution for scheduling appointments with doctors. Let’s dive in!

Installation Prerequisites

Before we begin, ensure you’ve got the following installed on your machine:

• Node.js: Install Node.js globally.
• Prisma CLI: If you’re focusing on the backend, you’ll need the Prisma CLI.
• TypeScript: Though optional, TypeScript can enhance your backend development.

Getting Started with the DoctorOnCall System

To kick off your project, follow these simple steps:

1. Clone the Project:

   git clone https://github.com/Ujjalzaman/Doctor-Appointment.git

2. Install Frontend:

   cd Doctor-Appointment
   npm install
   npm start

3. Install Backend:

   cd api
   npm install

Setting Up the Database

Follow these steps to create and configure your database:

1. Rename .env.example to .env.
2. Create a PostgreSQL Database on Railway.
3. Copy DATABASE_PUBLIC_URL from the Railway Variables tab and paste it into your .env file.

Installing Prisma

Run the following commands to set up Prisma:

npm install -g prisma
npx prisma generate
npx prisma migrate dev

Email Notification Setup

To enable email notifications:

1. Visit your Google Account settings.
2. Navigate to 2-Step Verification and create an app password.
3. Paste this password into the .env file as EMAIL_PASS.

Image Upload Configuration

To store images, set up Cloudinary:

1. Create an account at Cloudinary.
2. Copy your Cloudinary credentials and paste them into your .env file.

Starting the Backend

Finally, run the backend server:

npm run dev

And you’re all set! Happy coding!

Understanding the Code Structure

The project structure is organized like a well-planned city where every section has its purpose:

• Frontend components: Like the buildings in a city, they form the user interface, allowing users to navigate easily.
• Backend API: This acts as the city’s transportation system, efficiently facilitating communication between the frontend and the database.
• Database: Think of it as the city’s library, storing all the necessary information securely and organized for access whenever needed.

Troubleshooting Tips

If you encounter any issues during your setup, here are a few troubleshooting ideas to consider:

• Ensure that your Node.js and npm versions are up to date.
• Double-check that your .env file is correctly configured with all the required variables.
• Consult the project’s documentation for any specific setup requirements or instructions.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.