Here is some UI and work shown in this repository

Live Preview Project

Project Details

An online doctor booking system has been worked on in this repository. Users can make appointment bookings by registering or logging in and see their appointment details by going to my appointment. Users can pay booking fees through the Stripe payment gateway by clicking the pay button and showing the paid status if payment is successful. Appointment details can be seen on the admin dashboard and the admin can update the booking status user's booking status Visited or Not Visited.

Technology Use

1. React JS
2. React Hooks
3. Event Handlers
4. Arrow Functions
5. Axios RESTful API
6. React Router
7. React Router Dom
8. React Private Route
9. React Admin Route
10. React Child Routes
11. React Lists and Keys
12. React Alert
13. Firebase
14. Firebase Authentication
15. Google Authentication
16. Stripe Payment Gateway
17. Node JS
18. Express JS
19. Express Middleware
20. Express CORS
21. Nodemon
22. MongoDB
23. MongoDB Atlas
24. Firebase Verify Token
25. JWT Token
26. Font Awesome
27. Google Fonts
28. HTML5
29. CSS3
30. Bootstrap5
31. Material UI

Project Deploy

1. Netlify (Frontend Part)
2. Vercel (Backend Part)

Admin Login

1. Email: admin@admin.com
2. Password: 123456

Project Pages

1. Home
2. Appointment
3. My Appointment
4. Order
5. Dashboard
6. Dashboard Users
7. Dashboard Services
8. Dashboard Doctor's
9. Dashboard Contact
10. Login
11. Register
12. User Profile
13. Error 404

Home Page

Appointment Page

Appointment Booking

My Appointment Page

My Appointment View

Order Page

Dashboard Page

Dashboard Appointment View

Dashboard Appointment Action

Dashboard Users Page

Dashboard Add Admin

Dashboard Services Page

Dashboard Add Service

Dashboard Edit Service

Dashboard Doctor's Page

Dashboard Add Doctor

Dashboard Edit Doctor

Dashboard Contact Page

Dashboard Contact Details

Login Page

Register Page

User Profile Page

Error 404