Table of Contents

• About the Project
  • Built With
    • Tech Stack
    • Key Features
  • Live Demo
• Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• Authors
• Future Features
• Contributing
• Show your support
• Acknowledgements
• Video-presentation
• FAQ (OPTIONAL)
• License

[Unsplash Image Hub]

[Unsplash Image Hub] provides collections from unsplash API. A user can interact with any collection by clicking on it to view details. A user can search for a collection and navigate through pages.

Built With

Tech Stack

Key Features

• [Used Linters]
• [Great summary for the repo]
• [Use of GitFlow]

Getting Started

• A new developer can get the project from my Github repo link i shall provide.

• To get a local copy up and running, follow these steps.

• go to https://github.com/stephenkati/Unsplash-Image-Hub.git

• clone or download the project

• Run npm install

• Run npm start

Prerequisites

In order to run this project you need:

• A code editor, preferably VSCode. Any other code editor is okay.

• Browser

Setup

Clone this repository to your desired folder:

• Run git clone https://github.com/stephenkati/Unsplash-Image-Hub.git
• cd Unsplash-Image-Hub

Install

Install this project with:

• Download the project from github and run it in your browser.

• Install dependencies.

• npm install

Usage

• To run the project, navigate to the project directory and use a live Server extension in your VSCode to run the project.

Run npm start

Run tests

You can run tests to check for linter errors by running the following commands:

• npx stylelint "**/*.{css,scss}" for testing css errors
• npx eslint "**/*.{js,jsx}" for Javascript errors

Deployment

The project is deployed on Render

Author

Stephen Katuli

• GitHub: @githubhandle
• LinkedIn: LinkedIn

Future Features

• [More backround images]
• [Animations and transitions]
• [More Javascript Functionality]

Contributing

• Contributions, issues, and feature requests are welcome!

• Feel free to check the issues page.

Show your support

If you like this project please reach out to me on my social media, hire me for more content like this.

Acknowledgments

• I would like to thankmy Microverse team and my coding partners for their support and guidance.
• I am very grateful to Nelson Sakwa on Behance for the design I used.

PRESENTATION

PROJECT PRESENTATION VIDEO

Here is a video presentation.

FAQ (OPTIONAL)

• [How good are your communication skills?]

  • [I have good writting and speaking communication skills in English.]

• [What else do you do apart from coding?]

  • [I do graphics design.]

License

This project is MIT licensed.