Unsplash Image Hub

📗 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

Client

• CSS
• JavaScript
• React js
• Readux js

Server

• No Server build yet

Database

• No database build yet

Key Features

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

(back to top)

💻 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

(back to top)

Deployment

The project is deployed on Render

👥 Author

👤 Stephen Katuli

• GitHub: @githubhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

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

(back to top)

🤝 Contributing

• Contributions, issues, and feature requests are welcome!

• Feel free to check the issues page.

(back to top)

⭐️ Show your support

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

(back to top)

🙏 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.

(back to top)

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.]

(back to top)

📝 License

This project is MIT licensed.

(back to top)