Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/developeromarfaruk/node-react-mongo-docfind-portal

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...
https://github.com/developeromarfaruk/node-react-mongo-docfind-portal

axios-restful bootstrap5 css3 express-js express-middleware fetch-api firebase-auth firebase-token html5 jwt-token material-ui mongodb-atlas node-js react-child-routing react-hooks react-router react-router-dom reactjs restful-api stripe-payments

Last synced: 8 days ago
JSON representation

Host: GitHub
URL: https://github.com/developeromarfaruk/node-react-mongo-docfind-portal
Owner: DeveloperOmarFaruk
Created: 2024-06-03T01:13:35.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-31T08:50:28.000Z (4 months ago)
Last Synced: 2024-07-31T10:09:01.238Z (4 months ago)
Topics: axios-restful, bootstrap5, css3, express-js, express-middleware, fetch-api, firebase-auth, firebase-token, html5, jwt-token, material-ui, mongodb-atlas, node-js, react-child-routing, react-hooks, react-router, react-router-dom, reactjs, restful-api, stripe-payments
Language: JavaScript
Homepage: https://docfind-dental-booking.netlify.app/
Size: 15.1 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Here is some UI and work shown in this repository
#
[Live Preview Project](https://docfind-dental-booking.netlify.app/)
#
## 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: [email protected]
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`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/Home.png)

#
### `Appointment Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/Appointment.png)
#
### `Appointment Booking`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/AppointmentBookForm.png)

#
### `My Appointment Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/MyAppointment.png)

#
### `My Appointment View`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/MyAppointmentView.png)

#
### `Order Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/Order.png)

#
### `Dashboard Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardAppointment.png)

#
### `Dashboard Appointment View`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardAppointmentView.png)

#
### `Dashboard Appointment Action`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardAppointmentAction.png)

#
### `Dashboard Users Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardUsers.png)

#
#
### `Dashboard Add Admin`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardUsersAddAdmin.png)

#
### `Dashboard Services Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardServices.png)

#
### `Dashboard Add Service`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardAddService.png)

#
### `Dashboard Edit Service`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardEditService.png)

#
### `Dashboard Doctor's Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardDoctors.png)

#
### `Dashboard Add Doctor`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardAddDoctor.png)

#
### `Dashboard Edit Doctor`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardEditDoctor.png)

#
### `Dashboard Contact Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardContact.png)

#
### `Dashboard Contact Details`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/DashboardContactDetails.png)

### `Login Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/Login.png)

#
### `Register Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/Register.png)

#
### `User Profile Page`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/blob/main/frontend/src/Images/UI/UserProfile.png)

#
### `Error 404`
#
![image](https://github.com/DeveloperOmarFaruk/node-react-mongo-docfind-portal/assets/75971859/0c2f339d-4e83-4762-b8c8-3c23f36798bf)