This is a SPA hat was built using the React Javascript library. This application allows the user to save, edit and delete appointment Monday to Friday. The application displays the appointments one day at a time and the side panel shows the available spots for individual days. The daily display allows the user to create up to 5 appointments per day between 12pm - 5pm. The data is stored in an API and retirieved with axios.
The page displays individual days with 5 slots to book appointments.
The form to create/ edit an appointment.
warning to user when deleting.
Error displayed if there is and API error.
Shows an error if the user leaves the name feild empty.
Animated transitions for saving and deleting.
- Fork this repository, then clone it.
- Install the dependencies using the npm install command.
- Start the Webpack Development Server using npm start. The app will be served at http://localhost:8000/.
- Go to http://localhost:8000/ in your browser.
- Enjoy the full features of the website!
- axios ^0.24.0
- classnames ^2.2.6
- normalize.css ^8.0.1
- react ^16.9.0
- react-dom ^16.9.0
- react-hooks-testing-library ^7.0.2
- react-scripts 3.0.0
Install dependencies with
npm install
npm start
npm test
npm run storybook