Twine

Dogbook

Nataša Kolaric
Published

0
  • Project creator

Dogbook is a playful social network web app built using React, designed for dog daycare staff to track which
dogs are present and who their friends are. Each dog has a profile with age, nickname, a short description,
and a list of friends. Users can add, view, edit, and delete dog profiles through an interactive single-page
application interface.
Key Features:

  • View list of all dogs with attendance status
  • Create new dog profiles with name, nickname, age, and description
  • Link dogs as friends
  • Mark attendance status with a checkbox
  • Delete dogs and dynamically update friend lists
  • Automatically fetch dog images using an external dog image API
    The app architecture follows component-based React development and combines front-end logic with a
    custom Node.js + MongoDB backend for persistent data storage.

Technologies Used:
Frontend:

  • #React

  • React Router

  • JSX & CSS Modules
    Backend:

  • #Node.js with Express

  • #MongoDB

  • #RESTfulAPI design
    Other:

  • Dog CEO API for random dog images

  • #Vite for fast development

  • #Jest for unit testing