Users should be able to:
- Create a multiple-page website following the given design.
- On Homepage, users can search for images from Unsplash given keywords.
- On Homepage, when user press
Enter
, a list of images should be shown as a result if at least a keyword is provided. - Users can select an image and see its details in a separate Image page.
- On Image page, users can see the author and published date.
- On Image page, users can see a list of collections that the image belongs to.
- On Image page, users can choose to add the image to a collection by selecting
Add to Collection
button - When
Add to Collection
button is selected, users can search and add images to searched - collections. The collection search result should only show collections that the image does not yet belong to. - On Image page, users can remove the image from its collections.
- On Image page, users can download the image.
- On Collections page, users can see and select existing collections.
- On Collections page, when a collection is selected, users can see a list of images in the - collection.
- Solution URL: https://github.com/leoikeh99/unsplash-collection
- Live Site URL: https://unsplash-collection-taupe.vercel.app
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Next.js - React framework
- Tailwind CSS - For styles
- Shadcn UI - Some UI components
- React Query - For data management
- NextAuth - For authentication
- Prisma - ORM
- MongoDB - Database
- Website - Leonard Ikeh
- Linkedin - @leonard
- Twitter - @wazza_dev