Summary
Progressive Web App inspired by Instagram but focused on pets. As a PWA, it can be installed on a mobile phone and behaves like a mobile app, using both backend and frontend technologies.
Project description
The project displays pet images that users can view without authentication; liking requires registration and sign‑in. As a PWA, it can be installed on a mobile device, maintaining functionality while behaving almost like a native mobile app. The project uses a component structure with component code and styles grouped via Styled Components. Containers handle backend requests through GraphQL. It uses Hooks and Custom Hooks to manage global state and user session. Finally, components are grouped into pages representing each app section.
Technologies used
| Technology | Use |
| ReactJS | Frontend development (visual part). |
| NodeJS | Backend development (application logic). |
| Express.JS | API configuration. |
| GraphQL | API data interaction. |
Main features
Connected to a backend, the app offers various functions; here are some.
- Authentication: Allows users to create a new account or sign in with an existing account.
- Favorites: Lets users like a photo and save it to a favorites section.
- Filter: Enables users to filter posts by categories.
Gallery
