FitURJC

Demo of the application

Description

• If you want a online gym, this is the perfect page. You have some filters and inputs fields in order to find your perfect routine.

  Both sign up as gym and user options availables. As user, you can see the gym page, send feedback and rate them. The restaurant user can upload images.

  • The private part is the admin's.
  • The public part is the gym's and profile's.

• Users:

  • Gym user.
  • Admin user.
  • Default user.

• Entities:

  • Users.
  • Courses.
  • Facilities.
  • Schedules.

• Advanced funcionability:

  • One user can not be registered in two or more activities at the same time.
  • Personalized Recommendations.

• Technology:

  • Can register using Facebook acount.

• Graphics:

  • Dashboard about affluence of users in each activity and courses by category.

• Authors:

  • Carlos Olmo Sahuquillo [@CarlUndert] (https://github.com/CarlUndert)
    Contact: [email protected]
  • Daniel Peña Martinez [@dpemar] (https://github.com/dpemar)
    Contact: [email protected]
  • Iván Pérez Huete [@IvanPerez9] (https://github.com/IvanPerez9)
    Contact: [email protected]

• Navigation Diagram:

Pages

• Index.html - Main page:

  • Description: This is the first page you can see in our application. You have a login section and a sign in section too. If you only want to see some superficial information you have some sections to inspect our services along with our professionals.

• Facilities.html:

  • Description: This section offers images of the different locations that exist in the gym

• Register.html:

  • Description: Here is where you can register as a new member. It consist of a few typical fields, such as "user name" , "password" ...

• Login.html:

  • Description: Similar to the previous page, but in this case, you have to be identified yourself as a member.

• User.html:

  • Description: This is the page you can see when you log in. It shows information about your activities, it also shows a record of your past and future activities, and finally some suggestions about group activities you may be interested. This is the client profile. For example you can check your profile section, description, watch registered activities and update your profile.

• Courses.html:

  • Description: This section offers the possibility to sign up the user in any of the courses that are available

• Profile Settings.html:

  • Description: If you are identified like a member, you have the possibility to change your profile pic, password or even set your birthdate.

• Admin.html:

  • Description: The page of an User that has Admin role. He can manage Users (Delete users, Edit users) and Courses (Delete courses, add courses) In a future this page will have a Graphic part where you will see stadistics about the user preferences.

• Class Diagram:

  

• Template Diagram:

  

• Data Base Model:

  

• Configuration Instructions:

  • Description: Spring Framework provides several data access methods, we use data access via JPA to a MySQL database using Hibernate. First we create the project, modifying the pom.xml file so that it contains the dependencies and configurations for JPA and MySQL.

    To indicate to Spring how to access the Database, we need to create the configuration file: application.properties located in src / main / resources.

    We have to create a JPA entity, making a relationship with a relational database. Using the CrudRepository interface we can delete, create, edit or search elements in our data set. We add the main class in the MySQL database.

• Trello's Board

• Relative reference to API documentation file

• Relative reference to Angular Diagrams Folder

• Preparation of the development enviroment:

  • Description: For installation we must have Node and Npm installed on the computer. Once npm is installed, we execute the following command in the terminal of the equipment:

    	npm install -g @angular/cli
    

    We will be able to install Angular cli globally in our team. Angular cli is the Angular console tool that will help us in programming. To create a project, we write:

    	ng new name_app
    

    Access in the terminal to the folder that we just created and execute:

    	npm install
    

    With this command we install the necessary dependencies in the project. Finally, to run the web application:

    	ng serve --open
    

    By default, Angular runs on port 4200