Skip to content

CodeURJC-DAW-2019-20/webapp7

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

465 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hex.pm Hex.pm

VoluntaWeb - Group 7

VoluntaWeb is a project developed by group 7 of the subject "Web Application Development". It consists of an online site where you can publish your volunteer ad or search for NGOs to join them. You will have a panel from where you can manage your ads (if you register as an NGO) or consult which NGOs you are helping.

Members

Name Mail address GitHub username
Alicia Merino Martínez a.merinom.2017@alumnos.urjc.es aliholi44
Daniel Fuente Martínez d.fuente.2017@alumnos.urjc.es dfuente2017
Daniel Serrano Cobos d.serranoc.2017@alumnos.urjc.es dserranoc
Pablo Atahonero García de Blas p.atahonero.2017@alumnos.urjc.es PabloAtahoneroGB
Samuel Severiche Berna s.severiche.2017@alumnos.urjc.es sbsam

Our links 🔗

Entities

VoluntaWeb has 4 entities: users (users table), support comments (comments table), NGOs(ngos table) and volunteerings (volunteerings table).

  • NGOs can publish volunteerings ads (ngo_volunteering table).
  • Users can join volunteerings (user_volunteering).

Permissions

  • Visitors can search NGOs and volunteerings but not join them or like them.
  • Logged users can do the actions vistors can do, but also join volunteerings and like them and modify their user settings.
  • NGOs can publish volunteerings and edit/remove them, aswell edit their NGO settings.
  • Administrator can moderate volunteerings.

Images

  • Logged user have a profile image.
  • NGOs have a profile image.
  • Volunteerings have a banner image.

Charts

We're implemented graphic charts:

  • Volunteerings published in a month.
  • Users joined for a volunteering in a month.
  • Users registered in a month.

Complementary technonlogies

  • We are consuming the Google Maps API for include location map in a volunteering.

Advanced algorithm

  • The search page has a search filter for volunteerings and NGOs.

Phase 2: Web with HTML generated on server and AJAX

Navigation diagram

Database diagram

Class diagram

Screenshots

1. Index

"Index" page is the main page of the web application. It's the entry point to the other pages.

2. AboutUs

"About Us" is a page that have some information about VoluntaWeb and it's objectives.

3. Contact

The "Contact" page, as her name says, is for contact the administrator of the website in order to make sugerences and questions.

4. Volunteering control panel

"Volunteering-gestion-panel" is a page that have, mainly, two options: edit and delete. Also appears the last modification.

5. NGOs

"Ongs" is a page that contains all NGOs that are in our data base. It is possible to filter a search looking ONG's name.

6. Login

"Login" is a page where users, such as volunteers and ONGs, can login and browse the website.

7. User's Volunteerings

This webpage shows all the volunteers to whom a user of the web has subscribed, with their title, their location, the email of the corresponding NGO and more information about the activity by clicking on it.

8. NGO's information

This webpage shows information about a specific NGO, with its name, its data and also a short description. Also below shows recent volunteers from that NGO.

9. NGO's settings

This website allows NGOs to change data on their Voluntaweb account such as their name, address, email, category, profile picture etc.

10. Register as NGO or Volunteer

This webpage allows users to chose if they want register as NGOs or Volunteers.

11. Register NGO

This webpage allows NGOs to create an account in VoluntaWeb.

12. Register Volunteer

This webpage allows Volunteers to create an account in VoluntaWeb.

13. Search

“Searches” This page display the results of a search and allow the user to change the parameters of the search.

14. Add volunteerings

“Ong submit advertisement” This page will allow the NGOs to submit a volunteering offer.

15. User settings

“User settings” This page will allow the user to change the settings of his account.

16. Volunteering's information

“Volunteering” This page is an example of the design of the volunteering offers.

Development environment setup:

For the development of this application we have used Spring in its latest version. Specifically, we have used the Spring Tools 4 development. This tool is available for different IDEs (Eclipse, visual studio code, Theia).

  • Hex.pm
  • Hex.pm
  • Hex.pm

Import the project: File> Import> Maven> Existing Maven Projects> Browse directory > Select folder of the project and finish.

Members Participation

Member 5 relevant commits
Samuel 1. ONG and ONG detail pages
2. Register ong with images
3. User and ONG settings
4. Admin pages and minor fixes (admin pages: ngos, volunteerings, users, comments and delete functionality)
5. admin comments section and aboutus navbar
Alicia Merino 1. Volunteering's View
2. Join button
3. deleteCount and delete an account
4. fixed some pages
5. aboutUs page
Pablo Atahonero 1. Like any volunteering
2. Delete a like from a volunteering
3. Knowing if i liked a volunteering by the style of like button
4. Number of likes in total of the volunteerings
5. Page my volunteerings
Daniel Fuente 1. Creación, edición y borrado de anuncios y edición de ong funcionando
2. Implementado subida de imágenes y consumo en la lista de voluntariado…
3. Rama lista para implementar el usuario.
4. Cambiado category a como esta en develop.
5. Actualizados navbar de la parte de ongs
Daniel Serrano 1. The Great Commit
2. Merge pull request #5 from CodeURJC-DAW-2019-20/feature/charts
3. Merge pull request #4 from CodeURJC-DAW-2019-20/feature/search
4. Merge pull request #17 from CodeURJC-DAW-2019-20/feature/comments
5. login bug

Phase 3: REST API to the web application and deployment with docker.

Class diagram

API documentation 🔗

Document Api documentation with information about the REST API.

Dockerized application execution instructions 🔗

Document Execution instructions with information about execution instructions using docker-compose.yml.

Development Environment Preparation 🔗

Document Development Environment with information about development environment configuration.

Members Participation

Member 5 relevant commits 5 relevant files
Samuel 1. Page request
2. Image download for ongRestController
3. Admin and search rest controller
1. SearchRestController.java
2. VolunteeringService.java
3. ONGRestController.java
Alicia Merino 1. Get Volunteering and Create a Volunteering
2. Added some methods to VolunteeringRestController
3. fixed some errors
4. like volunteering
5. Created and done most methods in API.md
1. VolunteeringRestController.java
2. Category.java
3. VolunteeringRepository.java
4. API.md
5. UserService.java
Pablo Atahonero 1. Create comments developed
2. Get the list of all the comments
3. Get a comment by his id
4. Delete a comment by his Id
5. Fixed errors whit url
1. CommentRestController.java
2. CommentRepository.java
3. CommentService.java
4. comments rows in database
5. READ.ME
Daniel Fuente 1. Added images on UserRestController and changed their URLs
2. Implemeted images with VolunteeringRestController
3. Added images to volunteerings and ngos
4. Added Postman file
5. Added images with rest controller
1. api.postman_collection.json
2. ONGRestController.java
3. UserRestController.java
4. ImageService
5. VolunteeringRestController.java
Daniel Serrano 1. Merge pull request #21 from CodeURJC-DAW-2019-20/feature/LoginAPI
2. user and ong login
3. Permissions in Volunteering methods
4. Permissions in UserRestController methods
5. Permissions in ONGRestController
1. LoginRestController.java
2. RestSecurityConfiguration.java
3. UserRestController.java
4. VolunteeringRestController.java
5. OngRestController.java

Phase 4: Web with SPA Arquitecture

Development Environment Preparation

  1. Hex.pm
  2. Download our repository content
  3. Open angular proyect
  4. Write on the terminal $npm install
  5. Finally, write on the terminal $ng serve

Class diagram

Members Participation

Member 5 relevant commits 5 relevant files
Samuel Severiche 1. Index
2. Ngos component
3. Admin/users
4. Admin/ngos
5. Admin/volunteerings
1. index.component.ts
2. ngos.component.ts
3. admin-users.component.ts
4. admin-ngos.component.ts
5. admin-volunteerings.ts
Alicia Merino 1. NgoDetails
2. Search
3. Pagination
4. Class Diagram with Components and Services
5. Category and Search
1. ngo-details.component.ts
2. search.component.ts
3. index.component.ts
4. about-us.component.ts
5. search.service.ts
Pablo Atahonero 1. Volunteering Gestion Panel with angular
2. Image support in volunteering gestion pannel
3.CommentController Fixed
4. Api.postman_collection re-uploaded
5. Comment.ts model created
1. ngo-volunteerings.comoponent.html
2. ngo-volunteerings.component.ts
3. app-routing.module.ts
4. comment.ts
5. Database rows
Daniel Fuente 1. Create-volunteerings working!!!
2. Edit-volunteering working the real one!!!
3. Upload Images from update ngo working!!!
4. NgoSetting working!!!
5. Image upload on create volunteerig working!!!
1. ngo-settings.component.ts
2. create-volunteerings.component.ts
3. edit-volunteerings.component.ts
4. ngo.service.ts
5. admin-comments.ts
Daniel Serrano 1. Docker
2. User pages developed
3. Login and register entities
4. Fixed categories in templates
5. Like actions
1. create-image.sh
2. joined-volunteerings.component.ts
3. login.component.ts, register-ngo.component.ts, register-user.component.ts
4. create-volunteering.component.ts
5. volunteering-page.component.ts

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors