https://github.com/potchangelo/next-unsplash

Unsplash-Cloned Web-App (For Educational Purposes Only)
https://github.com/potchangelo/next-unsplash

bulma masonry nextjs pinterest react react-feather react-query unsplash

Last synced: 1 day ago
JSON representation

Unsplash-Cloned Web-App (For Educational Purposes Only)

• Host: GitHub
• URL: https://github.com/potchangelo/next-unsplash
• Owner: potchangelo
• Created: 2020-07-23T09:37:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T22:23:07.000Z (almost 2 years ago)
• Last Synced: 2024-05-28T19:47:04.764Z (5 months ago)
• Topics: bulma, masonry, nextjs, pinterest, react, react-feather, react-query, unsplash
• Language: JavaScript
• Homepage: https://next-usp.vercel.app
• Size: 1.71 MB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next Unsplash by Zinglecode

Unsplash-Cloned web-app (for educational purposes only)

[Back-end API](https://github.com/potchangelo/express-unsplash/)

## Table of Contents

* [How to Install and Run Offline](#how-to-install-and-run-offline)

* [Credits](#credits)

## How to Install and Run Offline

0. Please install and run [Back-end API](https://github.com/potchangelo/express-unsplash/) on your machine before running this project.

1. Download this project, then open project folder in code editor (VSCode or Anything).

2. Create .env.local file in project folder, then type your configuration like this.

Template

```

NEXT_PUBLIC_HOST={front-end-url}

NEXT_PUBLIC_API_HOST={back-end-url}

NEXT_PUBLIC_TITLE={website-based-title}

```

Example

```

NEXT_PUBLIC_HOST=http://localhost:3000

NEXT_PUBLIC_API_HOST=http://localhost:8080

NEXT_PUBLIC_TITLE=Unsplash-Cloned

```

3. Open Terminal or Command Prompt at project folder, then install packages.

```

npm install

```

4. Start running Next.js web-app.

```

npm run dev

```

5. Check if web-app. is working properly by open these URLs in browser.

```

http://localhost:3000/

```

## Credits

The project was inspired by https://unsplash.com/.

### Stack used in the project

- Next.js (React Framework)

- React Query

- React Feather

- Bulma