Code Monkey home page Code Monkey logo

team-meetup's Introduction

Lets Meet - MeetingRoomPlanner

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

Lets Meet is an MEAN stack based application which is used to schedule the MeetingsRooms in a Building. There are two separate parts of the application.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Note : You can skip this steps if you have Node ,npm and angularCLI installed on your system.

  1. To start with this, install node and npm
  • NodeJs - How to install node?
  1. Install git
  • Git - How to install Git?
  1. Use npm to install Angular CLI . Exceute this command
>npm install -g @angular/cli

Installing/ Running locally

  1. Create a folder named as letsmeet-app at any local drive

  2. change directory to letsmeet-app

>cd letsmeet-app
  1. Fetch the source code from my github library
>git init
>git remote add origin https://github.com/1kingsachinsingh/MeetingRoomSchedulingSystem.git
>git pull origin master
  1. Install all the modules required to run the given application with following command
>npm install
  1. Run the application by using following command
>ng serve --open
  1. Navigate to http://localhost:4200/ via browser . You will see the application is running.
  • Application is up and running here

Screenshots of Application

Login Page

alt loginpage

Admin Dashboard

alt adminpage

More about the application

Application is having following views -

  1. User management System -

    a) Signup - User is able to sign up on the platform providing all details like FirstName, LastName, Email and Mobile number. Country code for mobile number (like 91 for India) will be automatically selected after selecting the Country.

    b) Login - User is able to login using the credentials provided at signup.

    c) Forgot password - User can recover password using a link on email.

  2. User Authorization system -

    a) User are of two roles, normal and admin. Admin will be identified with a username ending with "admin", and by selecting the Option(Give Me admin's Power) while doing signup.

  3. MeetingRoom Slots management system (Flow for normal User) -

    a) Upon login, normal User will be taken to a dashboard showing current available room in a months', booked meetingsrooms , in the form of a calendar.

    b) User is able to view only his booked meetingroom slots and he should not be able to make any changes as admin is the only person who can edit the meeting.

  4. MeetingRoom Slots management system (Flow for Admin)-

    a) Upon login, Admin will be taken to a dashboard, where he/she will be able to see all rooms. and can create room and can take care of adding facilities.

    b) Upon clicking on any room, admin will be taken to room current calendar, with current date & Time selected, by default.

    c) Admin is able to add/delete/update MeetingRooms on any day, by clicking on a appropriate day-cell/timeline.

  5. User Alerts management system

    a) Normal User will get notifications in real time, though an alert if he is online, and email (irrespective of whether he is online or offline), when i) A meetingroom is created by admin ii) A meetingroom is changed by admin iii) 10 minute before meeting, with an option to snooze or dismiss.

  6. Planner Views

    a) Planner view is design and developed in a manner where it will look like a Google calendar.

    b) The view have following Features - i) Planner will show only current year, past and future years will be ignored. ii) User will be able to change months, through an arrow button. iii) Day Cells are filled with the dots and count to show the meetings. iv) Upon click the day's cell, a view show all meetings, along a 24 hr timeline, with the slots covering the exact duration of each meeting. v) Upon clicking on a meeting, its details should pop up in another view

    c) View for Admin : i) For admin, a create button(at the bottom-right of the screen view) is there in calendar view, to create a meeting. ii) Upon clicking on create button, admin will be able to fill the details of meeting and can schedule the meeting. iii) After scheduling the meeting, Admin will be able to see it on his calendar. iv) Upon clicking on an already created meeting, meeting details view will display meeting details. v) Admin can make changes in meeting details by clicking on Edit button associated with Meeting details. vi) Admin can delete a meeting as well, with another button available at that view.

  7. Error Views and messages - Each major error response (like 404 or 500) are handled by different pages.Like if user try to access the page that is not in the application he/she will get a 'Page Not Found Page'.

  8. Documentation

  • All the APIs and Events are well documented using npm module apiDoc
  • APIDOC - APIDOC of letsmeet backend
  • EventDoc - EventDoc of letsmeet backend

Built With

  • Angular - The web framework used for Frontend Design
  • NPM - Most of the modules are used
  • nodemailer - NPM module to send the mails
  • apiDoc - NPM module to create the apiDoc and eventDoc

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for detailsg

Acknowledgments

  • Thanks for Day1Tech to review this application.
  • I would like to thank my friends,colleagues for supporting me to develop this Application.

team-meetup's People

Contributors

sachin677 avatar 1kingsachinsingh avatar

Stargazers

Egor Safronov avatar  avatar

Watchers

James Cloos avatar  avatar

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.