Code Monkey home page Code Monkey logo

petclub_team_projec's Introduction

PetClub report technical specifications

Description:

PetClub is a Web App designed to cover the needs for an online examination record repository for you pets!

A user can keep all of his pet's info in one place but also be able to keep up with his vet's examinations and perscriptions for his pet. In addition he can check out businesses close to him, or post an ad of a lost pet or one he just found.

PetClub is not only for simple users. Vets can also register their business by buying a subscription package which gives them the opportunity to advertise their business. Also it gives them the ability to keep an online record for their patients.

Other pet related businesses like pet shops, pet groomers etc can be advertised too using the PepClub.

Technical description:

Back-end framework:

Java Spring boot project: Spring JPA - Security - Google guava - JWT - Javax mail - Javax validation - Web socket

Front-end framework:

HTML5 - CSS - TypeScript - Angular 2

Database:

MySQL

External Libraries:

Here map - ngx-editor - ngx-paypal - ngx-awesome-popup

Requirements and how to run the application:

To run the application please make sure that you have installed the following:

Java 8 - node.js - MySQL

Steps:

  1. Git clone the project from GitHub repository
  2. Through the terminal, navigate to the Angular folder PetClub and type:
    • npm install
    • npm install ngx-editor
    • npm install ngx-paypal -save
    • npm i @costlydeveloper/ngx-awesome-popup
  3. Create a Database with the name PetClub in your MySQL database
  4. Open the application.yml (inside the src folder in Java)
    • set Database name
    • set Database username
    • set Database password
  5. Email Service: Open Java app inside of constant and
    • change your username (email)
    • and password
  6. Get a Here map API key
  7. Open angular/PetClub/src/app/map/map.component.ts and write your here map API key in line 49
  8. Run Java program

Java Roles

By registering to the PetClub web app the user has the role USER. By buying a subscription package he can take the role of ADVERTISED so he can advertise his business. And with the proffesional subscription package he can take the role of DOCTOR. The ADMIN role can access only the Admin Dashboard, where one can manage all of the apps features besides the vet's medical records (which can only be acceessed by the vets)

UNREGISTERED:

  • can search for businesses near by
  • send an email directly to the business
  • lost and found pet ads
  • and register to the PetClub and the newsletter

USER:

  • can upload an image of his pet
  • can upload an image and the info for the lost/found ad
  • can add reminders (to do list)
  • cab rate businesses

ADVERTISED:

  • all of the USER's abilities plus
  • he can register a business with images and business info

DOCTOR:

  • all of the ADVERTISED's abilities plus
  • he can add clients' pets to his dashboard
  • and keep an examination record

ADMIN:

  • can manage users, pets, ads, transactions, subscriptions, categories (pet, business, cities, subscriptions)
  • can access the Admin's chat (web socket) whice is visible only to the app's admins

Screenshots:

Landing Page:

landing-page1 landing-page2

Find a Service:

findAservice

Lost & Found:

lostANDfound adPage

Login/Register:

login

User profile:

userProfile userProfile2

Pet profile:

petprofile

Business profile:

businessProfile

Vet's dashboard:

vet vet2

Admin's dashboard:

admin1 admin2 admin3

Contributors:

Athanasios Vavatsikos

Chris Kotsou

Nick Tsepetzidis

Vicky Spanopoulou

This project is a result of teamwork and dedication to our goal. We all worked hard and gave our best. Thank you guys!

petclub_team_projec's People

Contributors

tsepeto 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.