Dogbook
Nataša Kolaric
Published
0
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