My Unsplash

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • User Stories
  • Built With
• Features
• How to use

Overview

User Stories

• 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 (optional) (Added simillar functionality)

Built With

• NextJS
• Tailwind
• Firebase

Features

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.

How To Use

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/durashere/devchallenges-my-unsplash

# Install dependencies
$ npm install
$ yarn

# Run the app
$ npm run dev
yarn dev

NEXT_PUBLIC_FIREBASE_API_KEY=""
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=""
NEXT_PUBLIC_FIREBASE_PROJECT_ID=""
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=""
NEXT_PUBLIC_FIREBASE_APP_ID=""