/picpikker

Primary LanguageJavaScript

Pic Pickür

A simple image gallery allowing users to search for images by keyword and add/remove them to/from the favorites page.

Live Demo

Run Locally

$> git clone https://github.com/jkintner25/picpikker.git
$> cd nextapp
$> npm install
$> npm run dev

Project will run on localhost:3000 in your browser.

In order for the API requests to work, you'll need to do the following:

  1. In the nextapp directory, create a file called next.config.js.
  2. Paste this code:
module.exports = {
  env: {
    NEXT_PUBLIC_API: 'your-unsplash-api-key',
  },
}
  1. Follow the directions here to acquire an api key to paste in the above code.

Screenshots

Homepage homepage Favorites favorites

Technologies

  • React.js
  • Next.js
  • Tailwind CSS
  • Unsplash API

Future Plans

  • Allow users to copy image link
  • Dark mode
  • Mobile-centric styling make-over as well as general styling improvements
  • Image viewer modal