Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/catevika/catevika_shoplineart-client
Pexels Photos search & download deployed on render.com - CLIENT. See SERVER here: https://github.com/Catevika/catevika_shoplineart-server
https://github.com/catevika/catevika_shoplineart-client
bcrypt download emailjs gallery jsonwebtoken jszip mern mongodb pexels-api photos responsive-design vitejs-react
Last synced: about 4 hours ago
JSON representation
Pexels Photos search & download deployed on render.com - CLIENT. See SERVER here: https://github.com/Catevika/catevika_shoplineart-server
- Host: GitHub
- URL: https://github.com/catevika/catevika_shoplineart-client
- Owner: Catevika
- Created: 2022-11-15T14:03:44.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-27T16:17:17.000Z (almost 2 years ago)
- Last Synced: 2024-04-21T22:39:01.809Z (10 months ago)
- Topics: bcrypt, download, emailjs, gallery, jsonwebtoken, jszip, mern, mongodb, pexels-api, photos, responsive-design, vitejs-react
- Language: JavaScript
- Homepage: https://shoplineart-afbr.onrender.com/
- Size: 2.99 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#shoplineart-client)
- [General Information](#general-information)
- [NPM packages](#npm-packages)
- [ShopLineArt SERVER](#shoplineart-server)
- [To clone the ShopLineArt app SERVER and CLIENT repositories](#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](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