RESTful express API backend built to host images, its titles, and descriptions.
Uses multer as middleware to save and filter images that are received through the API, and uses SQLite to store extra data associated with an image.
Frontend is built with React.
GET /photos/all returns array of all uploaded file data (filename, title, description, timestamp). Note that minimized versions of images exist in the format of "min.filename.png" for faster loading thumbnails.
POST /photos/upload receives form data for {image, title, description} and uploads image to server
PUT /photos/:filename receives form data for {title, description} and modifies the title and description for the file that matches filename
DELETE /photos/:filename deletes file from server
- Run
git clone https://github.com/koizura/Imagehost-API-2in your terminal. - Run
cd Imagehost-API-2to move into the directory. - open a second terminal at the same location. One for the backend, and another for the frontend.
- Run
cd apiand then runnpm ito install all the dependencies used for the backend. - Run
node server.jsto start the server - Go to your second terminal. Run
cd frontendto move into the frontend folder, then runnpm ito install all frontend dependencies. - Run
npm startto start the react website server. This should take a moment to load on your browser.