This repository contains a simple Image Gallery web application that allows users to upload images from their local storage to the server. The uploaded images are stored in the 'public/images' folder, and they can be accessed through API endpoints. This project demonstrates the use of npm packages like multer for handling file uploads, axios for communication with the server, and various middleware on the server.
- Client: React
- Server: Node.js, Express
- Image Upload: npm multer
- API Communication: Axios
- Middleware: Application level Middleware, Router level Middleware, Specific Middleware
- cors: CORS middleware for Express.
- nodemon: A utility that automatically restarts the server during development.
- uuid: For generating unique identifiers.
- multer: Middleware for handling multipart/form-data, used for image uploads.
- express: Web application framework for Node.js.
- axios: Promise-based HTTP client for the browser and Node.js.
- typeface-roboto: A font package for the Roboto font family.
-
Clone this repository to your local machine:
git clone https://github.com/aswintrikkur/Image_gallery.git
-
Navigate to the project directory:
cd Image_gallery
-
Install the dependencies for both the client and server:
cd client npm install
cd ../server npm install npm i nodemon -D