- Feel free to drop any feedback through LinkedIn ( Chen Frederick ) =)
- In first try, failed to deploy to netlify, so need to use these reference to fix the issue :
a. https://stackoverflow.com/questions/68961586/i-am-trying-to-host-my-react-website-on-netlify-but-this-npm-install-error-comes
b. https://stackoverflow.com/questions/64468843/netlify-deployment-failed-during-stage-building-site-build-script-returned-n
- React & it's libraries
- react-router-dom
- node-sass
- react-toastify
- axios
- local storage
4 days
Create Photo Album single page app using any library of your choice (We prefer React and Typescript).
https://jsonplaceholder.typicode.com/albums https://jsonplaceholder.typicode.com/users https://jsonplaceholder.typicode.com/photos
MAIN PAGE
- Show a grid of albums, this grid should look good in all devices, every album should show its Album name with a link to the album page and the user page of the user who created the album
- Filter Albums by Album Name
- Filter Albums by User name
ALBUM PAGE
- Show photos that belong to the album
- User can save a photo as favorite, the favorite list should be persistent after page changes.
- Add a comment to photos, the comment should be persistent after page changes.
- Show user name and email, link to the user page
USER PAGE
- Show full user information
- Show user albums
MY FAVORITE PHOTOS
- Show favorite photos and what album it belongs to
- Pages should be responsive
- Handle network errors
- Use the URL as the single source of truth for routing
- Album filtering can be done on the client-side
- Simulate the favorite and comment features on the client-side application, there is no need to create backend service for this
- Submit the source code only, no need to submit with the build result, as long the instruction on how to run it is clear.
npm inpm run start- visit http://localhost:3000/