Gallery

A place for your memories

Gallery is a web application built with the MERN stack. Users can sign up for an account and upload and save any memorable images.

Images can be stored.
Images can be shared to other users of Galllery.
Images can be downloaded.

features

Node provides the backend environment for this application.
Express middleware is used to handle requests, routes.
Mongoose schemas to model the application data.
Mongo Atlas to store data.
React for displaying UI components.

Configuration and setup

In order to run this project locally, clone the repository or download as zip and unzip on your machine to your specific folder.

Open the project in your prefered code editor.
Open two terminals one for API and one for React (as you have to run both)

Back-end

Open API folder in terminal (like VS code) and run npm install command
Install all the dependencies

Dependencies used in this project:

express
mongoose
bcryptjs (for data encryption)
morgan
multer
nodemon
dotenv
cors

To start the sever run the following command

nodemon server.js

Once the server is connected..

Front-end

This React application is created using Vite
Once into the React folder run npm install to download all the dependencies.
To run the react project

$ npm start

Images