Petals of Perfection: A Breathtaking Gallery of Peonies

Description

Duration: 3 day Sprint

An application of gallery dedicated to showcasing images of peonies. Users can add images to the gallery either by uploading them or providing a URL, and they have the option to include a description of each image. Each image can be liked by users, and the like count is displayed for each image. Additionally, users have the ability to remove images from the gallery if they choose to do so. This application is perfect for anyone who has an appreciation for the beauty of peonies and wants to view and share images of these lovely flowers.

---

TABLE OF CONTENT:

1. Screenshot of App
2. Installation
3. Usage
4. Technologies utilization

---

Screen shot

Installation

1. $ git clone git@github.com:xaihang/weekend-react-gallery.git
2. npm install
3. npm run server in your terminal
4. npm run client in another terminal. This should open up a new browser tab.

---

Usage

To add a new image using a URL, follow these steps:

1. Copy the URL of the image you want to add.
2. Paste the URL into the designated input field.
3. Enter a brief description of the image.
4. Click on the 'add image' button to submit the image and its description.

To add an image using the upload method, follow these steps:

1. Click on the 'choose file' button.
2. Locate the image you want to upload from your local storage.
3. Enter a brief description of the image.
4. Click on the 'upload image' button to submit the image and its description.

---

Technologies utilization

• Javascript
• HTML
• CSS
• React.js
• Google Fonts
• Node js
• Express js
• Postico 2
• PostgreSQL
• Postman
• GitHub
• Multer
• Material UI