Pitang's final project that aims to create a React and Node.js application to schedule vaccine appointments (Covid-19) and to visualize all the already scheduled appointments grouped by date and time.
-
Download the files or clone this repository
-
Run yarn install or simply yarn in the terminal to install all dependencies listed within package.json
-
Create a .env file in the project's root directory and insert the following configurations:
- REACT_APP_BASE_URL = http://localhost:4000/api
- REACT_APP_LOCALSTORAGE_KEY = schedules
-
Execute the Backend
-
Run yarn start to execute the React App (The application runs on http://localhost:3000)
- axios: 0.26.1
- bootstrap: 5.1.3
- date-fns: 2.28.0
- formik: 2.2.9
- react-bootstrap: 2.2.3
- react-datepicker: 4.7.0
- react-icons: 4.3.1
- react-router-dom: 6.3.0
- react-toastify: 8.2.0
- yup: 0.32.11
- Scheduling must be done on one page using a form.
- Maximum of 20 appointments per day.
- Maximum of 2 appointments for the same hour.
- A page must be created to consult the appointments.
- The result of the appointments must be grouped by day and time.
- The time interval between one appointment and another is 1 hour.
- The patient must inform his name, date of birth and day and time of the appointment.
- It must be checked if the form has been filled out.
- Patient data/schedules must be stored in memory.
- Within the page to consult the schedules, it must be possible to view the list of appointments and inform if the patient was seen or not, and what was the conclusion of the appointment.
- When user press F5 or reload the page the data cannot be lost.
- Portal written in React (use react-datepicker to manage dates).
- Build a Node API to receive data from the portal.
- Axios as http client.
- Use Formik to validate the data in the view.
- IDE is your choice.
home.mp4
appointments.mp4
-
This project was bootstrapped with Create React App.
-
- Navbar icon: downloaded from Flaticon icon created by toempong
- Home Page icon: downloaded from Flaticon icon created by itim2101
- Cancelation of appointment: downloaded from Free SVG
- Conclusion Text: downloaded from Free SVG
© Developed by Anne Livia