Skip to content

Connecshaun/scheduler

Repository files navigation

Interview Scheduler 🧑‍💻

Interview Scheduler is an application that allows students to create, edit and delete interview appointments. The app is currently hooked into an external api to persist our data to a database.

The app To book a new appointment start by clicking on the "plus" button in an empty time-slot. Click on the plus button to create a new appointment

After filling in our name and selecting the interviewer, we could always "cancel" if we change our mind or "save" the details if we are all-in. Click on cancel to cancel, or click on save to save the appointment

Upon "saving" the appointment details, the appointment is added to the daily schedule. Appointment has been saved and is now in the schedule of appointments

If you would like to edit an existing appointment, hover over the appointment and select the edit button. Button to edit appointment

If you click the edit button, you have the option to edit the entire appointment. Start to edit appointment

Now we are underway, editing all of the appointment details including our preferred name if we wanted too. Editing appointment details

Just click on the save button afterwards and your changes will be stored. Click on the save button

Now, if for whatever reason we were planning to be busy eating 🍕 on the day of our appointment, we have the option to delete it by hovering over our scheduled appointment and clicking on the trash button. Trash bin icon to delete the appointment

If we had greasy fingers from our 🍕 and accidentally clicked on the trash button to delete our appointment, we have a second check to confirm that we actually didn't just have greasy fingers. Confirmation message to delete the appointment

Getting Started

  1. Follow the ReadMe.md file instructions to successfully connect to the api at https://github.com/lighthouse-labs/scheduler-api
  2. Install dependencies using the "npm install" command.
  3. Start the web server using "npm start". The app will be served at http://localhost:8000/.
  4. Go to http://localhost:8000/ in your browser.

Dependencies

axios • classnames • normalize.css • react • react-dom • react-scripts

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published