Frontend React Internship Assignment – Photo Gallery App
This video demonstrates my solution for the Frontend React Internship Pre-Screening Assignment from Celebrare.
In this project, I built a Photo Gallery Web Application using React, Vite, and Tailwind CSS. The app fetches photos from the Picsum Photos API and displays them in a responsive grid layout.
Features implemented in this assignment:
• Fetching photos from a public API
• Loading and error state handling
• Responsive photo grid layout
• Real-time search filter by author name
• Favourite photos functionality using useReducer
• Persistence of favourites using localStorage
• Custom React hook (useFetchPhotos) for API logic
• Performance optimizations using useCallback and useMemo
In the video, I walk through:
1. Demonstrating the application working in the browser
2. Explaining the custom hook used for fetching photos
3. Explaining the useReducer logic for managing favourites
4. Showing where useCallback and useMemo are used and why
5. Discussing one challenge faced while building the assignment
Tech Stack:
React + Vite
Tailwind CSS
JavaScript
Picsum Photos API
GitHub Repository: https://github.com/harshitgupta0910/celebr...
Thank you for reviewing my submission.