Solution for a challenge from Devchallenges.io.
This is my solution for My Unsplash challenge in the full-stack path at DevChallenges.io. and in this project, I learn how to build a full-stack application with React, Express, and MongoDB. and I learn how to create a pagination API with Express and Mongoose.
- I can see a list of photos in the masonry layout that I have added
- I can add a new photo to the list - the new photo should be on top of the list
- I can search for photos by label
- When I hover a photo, I can see a label and a delete button
- I can delete images
- When I delete an image, I can enter my password
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/gitraya/my-unsplash.git
# You need to change your env variable in /server/.env.template file to your own
# Go to server directory
$ cd server
# Install dependencies
$ npm install
# Run the app
$ npm start- Responsive Masonry Layout with TailwindCSS in 2 Steps
- Build a Paginated API Using Node.js, Express, and MongoDB
- How to share state across React Components with context ?
- React Infinite Scroll Tutorial: With and Without a Library
- GitHub @gitraya