ShopLineArt CLIENT

Photo Gallery App with 3 main features:

• photo search by term
• display of the photos in different sizes
• protected multiple photos download, zip folder format with credits availability

Table of Content

• ShopLineArt CLIENT
  • General Information
  • NPM packages
  • ShopLineArt SERVER
  • To clone the ShopLineArt app SERVER and CLIENT repositories

General Information

• App: Vite V4 + React plugin
• Router: React-router-dom V6
• API: Pexels

NPM packages

• Promise based HTTP client: axios
• Icons: react-icons & mui
• Notifications: react-toastify
• File saver: file-saver
• ZIP file: jszip
• Email contact: emailjs

ShopLineArt SERVER

See https://github.com/Catevika/catevika_shoplineart-server

---

To clone the ShopLineArt app SERVER and CLIENT repositories

mkdir shoplineart-clone
cd shoplineart-clone

then

mkdir server
cd server
git clone https://github.com/Catevika/catevika_shoplineart-server.git
npm install
touch .env

---

Create a project in MongoDB and set MONGO_URI

Set an EXPRESS_PORT, mine is at '8800'

Set JWT_KEY with your random secret phrase used during the token generation

then

cd ..
mkdir client
cd client
git clone https://github.com/Catevika/catevika_shoplineart-client.git
npm install

touch .env

---

Create a PEXELS developer account to set the VITE_PEXELS_API_KEY

To set VITE_BASE_URL:

• development: your Vite localhost
• production: your client site url

---

Create an EMAILJS developer account

Create your template with: fullname, email, subject, message

Set:

• VITE_EMAILJS_PUBLIC_KEY
• VITE_EMAILJS_SERVICE_ID
• VITE_EMAILJS_TEMPLATE_ID

then

cd ../server
npm run dev

See the respective package.json files to launch the client and the server separately