Giter Club home page Giter Club logo

meeting-booker's Introduction

Conference Room Booking Application

This project simulates a conference room booking application from a ficticious company who owns a building. The employees have accounts which can book a conference room at certain hour and day, and their bookings are saved in the system. Each user can create as many bookings as they like, but only the owner of the booking can delete the booking. This projects makes use of an external API created by me, you can find it's repositofy here.

Important note: There's 20 default users saved in the API. To log in and test the application, simply use one of the 20 default usernames. The default usernames are called tester, plus their user id. For example:

  • 'tester1'
  • 'tester2'
  • 'tester3'
  • 'tester4'

The password for all of them is 'asdfasdf'

Built With:

  • Javascript
  • React
  • Redux

Author

๐Ÿ‘ค Miguel Dubois

Features

  • The user can log-in using their username and password.
  • The user can create a booking to book a meeting room at their preferred time and date.
  • The user can check existing bookings.
  • The user can search existing bookings by date and room number.
  • The user can delete only their own bookings.

Planned future features

  • Secure log-in.
  • Use cookies to keep user logged-in.
  • Make an admin account to be able to delete anyone's booking.
  • Prevent meeting overlap.

Live Demo

You can check a demo version of the project in this link.

screenshot1

๐Ÿค Contributing

This project is for learning purposes only, I wont accept contributions, though suggestions are welcome.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • I'm thankful to Microverse for the opportunity to learn.
  • Thank you to Murat Korkmaz, the author of the user interface, you can check it in this link

Running the program

To run the application, you need to run the command

npm run dev

This runs the application in development mode. In this mode, you can open http://localhost:3000 to view it in the browser and the page will reload automatically if you make changes to the code.

To run the tests of the application you can run

npm test

Which will launch the test runner in the interactive watch mode.

npm build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.