My Unsplash

Challenge: Create my Unsplash app. Use Front-end libraries like React or Vue. Create your own API. Don’t look at the existing solution. Fulfill user stories below:

User story: I can see a list of photos in the masonry layout that I have added
User story: I can add a new photo to the list - the new photo should be on top of the list
User story: I can search for photos by label
User story: When I hover a photo, I can see a label and a delete button
User story: I can delete images
User story (optional): When I delete an image, I can enter my password

Icon: https://google.github.io/material-design-icons/

Once you completed, submit your solutions by providing URLs for both GitHub repository and live app on any hosting platform (5 Free Hosting Platform) and explain briefly what you have done.

As long as you fulfill all the user stories, you can give your personal touches by adding transition, using your own images, changing colors,...

Remember to put your name on the footer to prevent other from submitting your solutions.

You can check others’ solutions and give them feedbacks.

How to start

Read the challenge's details
Start the challenge and download the resources
Check designs on Figma
Have fun coding!!

Stay Updated

Discord

Join other developers to ask for help or help others.

Thu Nghiem Youtube

Watch coding tutorials and listen to my stories

DevChallenges Twitter

Get updates on DevChallenges and other users

Thu Nghiem Twitter

See what I am up to and let's connect

Web Development Resources and Community that help you to become a Web Developer by working with Real-life projects and practices.

Founded, designed and developed by @thunghiemdinh

Home Learn Badges