This repository contains the complete code (both client and server) for a simple Photo Gallery application. Tech stack used:
- Go into the /server folder and do
npm install
to install all required project dependencies. - Create a
keys.js
config file to have the keys shown below shown below:
module.exports = {
mongoURI:
"mongodb+srv://....",
jwtSecretKey: "supersecret_key",
};
- Run
npm start
- Go into the /client folder and do
npm install
to install all required project dependencies. - A FileStack account is needed to display the file picker overlay and to store the uploaded images.
- Create a
keys.js
config file to have the keys shown below shown below:
REACT_APP_FILESTACK_API_KEY=...
REACT_APP_BACKEND_URL=http://localhost:5001/api
- The keys must begin with
REACT_APP_
. TheREACT_APP_BACKEND_URL
will contain the port in which you are serving your /server code. - Run
npm start
A screenshot of the completed app can be seen here