Skip to content

SimYen/cat-community

Repository files navigation

cat-community

Project #2 | Full Stack Application

URL: https://feedr-community.herokuapp.com/

Objective of Application: To allow tracking of community cats by their carers and followers.

Technology:

  • MVC framework
  • Sign up/log in functionality with hashed passwords & authorization flow
  • Node.js, Express.js, React.js
  • PostgreSQL
  • AJAX, DOM manipulation
  • Bootstrap
  • Heroku, Cloudinary

Approach:

  1. Research and prepare a Proto Persona:
  • Bio/Background - feeder.
  • Needs/Goals - feed the cat.
  • Frustrations/Challenges - do not know where the cat is, do not know if cat was fed.
  1. Identify a Problem Statement:
  • User Story - [user] needs [cat's info] so as to [follow up].
  1. Prototype wireframes for the application. Homepage Cat Profile User Profile
  2. Draw out ERD for tables and relations. ERD
  3. Code the functions of the application.
  4. Set up Front End of application.
  5. Integrate Front and Back ends of code.
  6. Deploy to Heroku.

Learning Journey:

  • Wireframing and ERD diagrams help greatly in scoping and creating functionality for the application.
  • Having a basic Front End framework from the start can reduce functions required that can be solved by UI.

Furthers:

  • To incorporate API for entering of addresses.
  • To incorporate Cloudinary widget for uploading of images.
  • To provide status update of cats.
  • To see latest activities of followers.
  • To add tables for vet visits.