Website https://trainer-schedule-allegiance.herokuapp.com
-
NPM Version 5.3.0
-
Node Version 6.11.2
-
Bower Version 1.8.2
-
Angular version 2.7.2
-
use "npm install" command followed by "bower install"
-
After this use "grunt" command to run locally
- Fullcalendar.io , version 3.7.0
- Jquery
- Moment.js
- Bootstrap CSS
Make sure you have installed all of the following prerequisites on your development machine:
- Node.js - Download & Install Node.js and the npm package manager. If you encounter any problems, you can also use this GitHub Gist to install Node.js.
- Node v5 IS NOT SUPPORTED AT THIS TIME!
- MongoDB - Download & Install MongoDB, and make sure it's running on the default port (27017).
- Ruby - Download & Install Ruby
- Bower - You're going to use the Bower Package Manager to manage your front-end packages. Make sure you've installed Node.js and npm first, then install bower globally using npm:
$ npm install -g bower- Grunt - You're going to use the Grunt Task Runner to automate your development process. Make sure you've installed Node.js and npm first, then install grunt globally using npm:
$ npm install -g grunt-cli- Sass - You're going to use Sass to compile CSS during your grunt task. Make sure you have ruby installed, and then install Sass using gem install:
$ gem install sass$ npm install -g grunt-cli- Gulp - (Optional) You may use Gulp for Live Reload, Linting, and SASS or LESS.
$ npm install gulp -gThere are several ways you can get the MEAN.JS boilerplate:
The recommended way to get MEAN.js is to use git to directly clone the MEAN.JS repository:
$ git clone https://github.com/meanjs/mean.git meanjsThis will clone the latest version of the MEAN.JS repository to a meanjs folder.
mLab is a MongoDB database used for this web application to connect to the database.
- Login and access the mLab database
- Connect to the database
mongodb://<dbuser>:<dbpassword>@ds033196.mlab.com:33196/allegiance
Heroku is the web server hosting provider
- Download & Install Heroku CLI
- Use the Heroku CLI to deploy website
Only staff members at Allegiance Athletics can have an account on this trainer scheduling web application and these accounts are created by the client and others who have the admin role. These assigned roles give the user privileges to access certain pages on the web application and will deny the staff from seeing admin-only pages. Admin has access to every page and privileges to add, edit, and delete content.
The Announcements view on the homepage allows for the user to see updates that the admin posted. Users with the staff role cannot create a new announcement, however, the admin can create, edit and delete announcements that are created. The buttons for these abilities will only show up in the admin view, so the staff cannot go to these pages.
Admin Homepage
Create New Announcement
The user with the staff role will be able to add/update their availability for the week by using a click, draggable calendar that saves the availability for the admin to see. Staffs can only see their own calendar, however, the admin has the ability to view all the staff’s availability on one calendar and even toggle what they want to view on their availability calendar. The admin role can select buttons to see one particular staff availability or see all at the same time.
Users can see the list of blogs, in which, entries can be created by all users by using the Create New Blog button to access the form. There is a search bar that the users can use to search for keywords in any of the entries. Entries can be edited/deleted by the user who created the entry or by the admin who has access to modify any entry.
Create New Blog Entry
Blog Entry View
The calendar view shows the staff’s schedule with events indicating the class, start time and end time assigned by the admin. The list on the right of the calendar shows upcoming events in the next seven days and users can use the search bar to look for specific keywords to filter out what they are looking for. Users can view all events by going to the events list page where they can use the search bar to filter through the events. Only admin can access the form to create a new class that will add events onto the calendar view that the staff can see.
Creat New Class
Calendar List of Events
Only admin can access the pages to view all users and create new users. Managing users shows a list of all the users when a particular is selected, the admin can see about all the information on that user. These users can be edited or deleted by the admin.
Manage Users
Create New User
