Skip to content

deEshu2002/image-search-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NOTE: This make use of its own server to call to external api. The feeder server wouldn't work on codesandbox due to CORS, so it is preferred to use in localhost.

Getting Started

This is an example on how to start this image searching application which uses unsplash API to generate the images.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • pnpm
    sudo npm install -g pnpm

Installation

Below is an example of how start the react application with your API Keys.

  1. Get a free API Key at https://unsplash.com/developers
  2. Clone the repo
    git clone https://github.com/deEshu2002/image-search-app.git
  3. Setup front end
    cd react-front && pnpm install
  4. Install NPM packages for backend
    cd serve && npm install
  5. Create file inside serve folder .env and paste your api keys as following
     PORT=4000;
     UNSPLASH_API_ACCESS_KEY="YOUR_API_KEY";
  6. now start the server
    cd ..
    cd serve && pnpm run dev
    cd react-front &&  pnpm run dev

Releases

No releases published

Packages

No packages published

Languages