Based on the albumId, the user should first be shown the photo albums grouped together in an overview. By selecting a photo album, the user is taken to the photo collection of the selected album.
The user should have the option of favoriting individual photos and viewing their favorite images in a separate view. No data needs to be stored in the backend or in a database at any time (client only).
- Select a photo album
- View all photos of an album
- Select photos as favorites
- View favorite photos in a separate view
https://jsonplaceholder.typicode.com/albums
https://jsonplaceholder.typicode.com/albums/{id}
https://jsonplaceholder.typicode.com/photos
https://jsonplaceholder.typicode.com/photos/{id}
I used React (Vite), TypeScript, and SCSS.
npx create-vite@latest my-app --template react
npm install sass
npm run dev
npm run build