https://github.com/dzenis-h/infiniteinsta

Part of a challenge from https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery
https://github.com/dzenis-h/infiniteinsta

axios coding-challenge express javascript jquery nodejs react react-infinite-scroll-component react-modal-image unsplash-js

Last synced: 1 day ago
JSON representation

Part of a challenge from https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery

• Host: GitHub
• URL: https://github.com/dzenis-h/infiniteinsta
• Owner: dzenis-h
• License: mit
• Created: 2019-02-18T19:01:54.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-31T00:01:44.000Z (over 1 year ago)
• Last Synced: 2023-05-31T01:23:26.385Z (over 1 year ago)
• Topics: axios, coding-challenge, express, javascript, jquery, nodejs, react, react-infinite-scroll-component, react-modal-image, unsplash-js
• Language: HTML
• Homepage: https://infinite-insta.vercel.app
• Size: 1.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
##

#  InfiniteInsta

## Overview 📖

InfiniteInsta is a React, Node & Unsplash Infinite Scroll Challenge. It reaches out to the Unsplash API and fetches images continuously with an infinite scroll feature. This project is part of a coding challenge which you can find [here](https://scotch.io/bar-talk/code-challenge-16-infinite-scroll-unsplash-gallery).

## Quick Start 🚀

To get started with InfiniteInsta, you need to install both Node and React dependencies. To install Node dependencies, navigate to the root folder of the project and run `npm i`. To install React dependencies, navigate to the `client` folder and run `npm i`.

Also make sure to do the following:

Go into `config/server` and add your own API keys for Unsplash.

Run both server & client with a single command:

```

npm run dev

```

## Tech Stack 💻

| Tech | Docs | Description |

| --- | --- | --- |

| ![React Logo](https://img.shields.io/badge/-React-61DAFB?logo=react&logoColor=white&style=for-the-badge) | [React](https://reactjs.org/docs/getting-started.html) | A JavaScript library for building user interfaces |

| ![Node.js Logo](https://img.shields.io/badge/-Node.js-339933?logo=node.js&logoColor=white&style=for-the-badge) | [Node.js](https://nodejs.org/en/docs/) | A JavaScript runtime built on Chrome's V8 JavaScript engine |

| ![Unsplash Logo](https://img.shields.io/badge/-Unsplash-000000?logo=unsplash&logoColor=white&style=for-the-badge) | [Unsplash](https://unsplash.com/documentation) | A website dedicated to sharing stock photography under the Unsplash license |

## Contributing 🤝

Contributions are always welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository. 🍴

2. Create a new branch. 🌵

3. Make your changes and test them thoroughly. 👨‍💻

4. Submit a pull request. ✔

## License ⚖️

This project is licensed under the MIT license. You can find more information about this license [here](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing).

## Credits 🙏

InfiniteInsta was created by [Dzenis H.](https://www.dzenis.tech)

If you like what you see, please consider giving a ⭐️