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.
-
Clone this repository.
https://github.com/furkanmutlu/fullstack-image-app.git
-
- Create
.env
file with your api keys intobackend/
root.
You can see an example of it on.env.example
in same root. - Create
.env
file with your preferred host intofrontend/
root.
You can see an example of it on.env.example
in same root.
- Create
-
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
-
Running!
Your frontend app is now running at
http://localhost:3000
!Your backend server is now running at
http://localhost:5000
!
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.
We are committed to providing a friendly and welcoming environment for all of our projects. Please read and follow our code of conduct.
Join our here.
Don't forget to leave a star! ⭐️