Mr-Aman26/VetCare

Aman Jain

Graphic Designer
Fullstack Engineer
Web Developer
JavaScript
Node.js
React

Online Doctor Appointment

Introducing Vetcare, the ultimate healthcare app for animal lovers! Vetcare is a comprehensive platform that connects pet owners with veterinary professionals from all around the country. This project is developed using the MERN stack technology, and various functionalities have been implemented to make it a professional website.In addition, Vetcare features an admin panel that allows for easy management of doctors and appointments, making it simple to keep track of your pet's healthcare needs. With its sleek and user-friendly interface, Vetcare is the one-stop solution for all your pet care needs.
##Setting up this MERN project on your local machine typically involves the following steps: ###The front-end and Express code are in the same directory, with the Express API located at ./api
Clone or download the project source code to your local machine.
Install dependencies. This can be done using a package manager such as npm (Node Package Manager) or yarn. -- npm install
Run the development server. This can be done using a command line tool such as the terminal, where you can run the command npm start or yarn start. --npm start
Access the project in your web browser by navigating to http://localhost:3000 or another specified URL.
##To set up an Express API in the "./api" directory of a project, you can follow these steps:
Cd api
npm install
nodemon index.js
Install the required dependencies. You can do this by running npm install or yarn install in the terminal and including the express module as a dependency.
Set up the server and configure middleware in a file such as index.js within the "./api" directory. You can do this by importing the express module and creating an instance of an express application, setting up routes for handling HTTP requests, and configuring middleware for handling requests and responses.
Set up environment variables for the project. This can be done by creating a file such as .env in the root directory and specifying key-value pairs for any environment-specific variables, such as a port number or database credentials. For Example: create a file called .env and inside write.
Start the server by running a command such as node index.js or nodemon index.js in the terminal.
Test the API by sending HTTP requests to the server using tools such as Postman or cURL.
Note: These are general instructions for setting up an Express API, and the specific implementation details may vary depending on your project's requirements. Before starting, make sure to read the project's documentation or readme file to obtain any specific instructions or requirements.

What Features Will You Find Here?

Dynamic home page, serving as the landing page for all users.
Admin and user dashboards.
User login page with professional handling of all kinds of validations.
The ability for a patient to select an appointment and view doctor information, as well as their own appointment information.
Option to select a doctor and view appointment date.
CRUD operations and additional features.
Responsive design with a dynamic header and preloader.

What Technology Are Using In This Project

Front End :
React
JavaScript(ES6)
React-Bootstrap
Html
css5
Material UI
React Animation
Preloader
Alert
Validation
Back-End:
MongoDB
Express
Cors
Body-Parse
Nodemon
ImageUploader

Sign In Page (In this component especially for me because I have done everything functionality via vanilla Javascript and Made this strong Pass and Validation )

Sign Up (In this component especially for me because I have done everything functionality via Vanila Javascript and Made this strong Pass and Validation )

Landing Page

User Have to Log in and Add their Appointment

Get appointment

Appointment

Dashboard (as I have left few functionalities here for admin only )

All Patient List (this feature is only visible for doctors and admin )

Partner With Aman
View Services

More Projects by Aman