fullstack-image-app

+

React + Node JS image and gif search app

This app gets image data by using Node.js from GIPHY API (gifs), PIXABAY API (images) and UNSPLASH API (images) and renders them by using React.js

It's designed and developed with mobile first approach. You can contribute by submitting a pull-request or adding a new issue.

⚡️ Live

Check it live

✨ Quick start

1. Clone this repository.

   https://github.com/furkanmutlu/fullstack-image-app.git

2. • Create .env file with your api keys into backend/ root.
     You can see an example of it on .env.example in same root.
   • Create .env file with your preferred host into frontend/ root.
     You can see an example of it on .env.example in same root.
     

3. Start developing.

   Prerequisites:

   Before contributing or adding a new feature, please make sure you have already installed the following tools:

   • NodeJs (Works with Node LTS version v16.13.0)
   • Optional NVM: Switch Node version by using nvm use (on Windows, use nvm use v16.x.x). If this is not installed, run nvm install v16.13.0.

   Navigate separately into frontend and backend folders.

   cd frontend/
   npm install
   npm start

   On another terminal:

   cd backend/
   npm install
   npm start

4. Running!

   Your frontend app is now running at http://localhost:3000!

   Your backend server is now running at http://localhost:5000!

Contributing

We welcome contributions to our projects! If you are interested in contributing, please read our contributing guidelines for more information on how to get started.

Code of Conduct

We are committed to providing a friendly and welcoming environment for all of our projects. Please read and follow our code of conduct.

Join us

Join our here.

🙏 Support

Don't forget to leave a star! ⭐️