🔥 Live

Click to see live demo: Meeting Planner App!

 

🔍 Overview

What is Meeting Planner App?

Meeting Planner App is kind of React callendar with local API (JSON Server) as a database to manage meetings (using fake-json-server). The calendar is rendered from the database and contain a form to submit new meetings (form fields with hints created on previous meetings data saved in local API).

Meeting Planner App features

• adding meetings with the specification of:
  • name
  • last name
  • e-mail
  • date
  • time
  • fields of the form are validated
• hints for form fields based on previous meetings data
• deleting tasks
• renderd meetings are sorted by date
• saving / deleting meeting using local API (JSON Server)

 

👨‍💻 Built with

 

⚙️ Run Locally

The project uses node and npm, follow the steps below to run it locally.

• Clone the project using

  git clone

• Go to the project directory and install dependencies

  npm i

• Start developer mode

  npm start

• Meeting Planner App is ready to go:

  • site

    http://localhost:3000

  • meetings data (database)

    https://fake-server-trip-booking.herokuapp.com/meetings

 

🔗 Useful resources

• official React website
• 50 Gorgeous Color Schemes From Award-Winning Websites - for design inspiration

 

🥷 Author

Coded by Szymon Suchanowski.

Feel free to contact me:

• LinkedIn
• GitHub

 

🙏 Special thanks

Special thanks to my Mentor - devmentor.pl for providing me with the task and code review.