Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amifunny/petspot
Pet Owners' Social Networking application
https://github.com/amifunny/petspot
mern
Last synced: 7 days ago
JSON representation
Pet Owners' Social Networking application
- Host: GitHub
- URL: https://github.com/amifunny/petspot
- Owner: amifunny
- License: apache-2.0
- Created: 2021-05-23T14:05:05.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-29T14:21:13.000Z (about 2 years ago)
- Last Synced: 2024-10-29T15:44:36.695Z (about 2 months ago)
- Topics: mern
- Language: JavaScript
- Homepage: https://pet-spot.herokuapp.com/
- Size: 9.62 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PetSpot
Social Network application for Pet Owners to share photos of their adorable pets.
Frontend uses React Bootstrap framework to build user interface. Backend uses ExpressJS for server framework.
This platform provide features like - Posting photos, Saving good posts, Allow comments, Give likes, Follow & Unfollow pet owners, Search for pet owners, View gallery of images inspired from Pinterest and Option to update your profile.
**Checkout live website in the description! It may take some time to load because of shared instances.**
## Tech Stack - MERN
- MongoDB
- Mongoose
- Express
- React
- React Redux
- React Bootstrap
- Cloudinary
- Gravatar
- Axios
- JWT
## Run locally
### Clone or Download
First clone the repository from Github :
```
$ git clone https://github.com/amifunny/PetSpot.git
```
### Backend
Enter into backend folder `backend/`
```
$ cd backend
```
Install npm dependencies -
```
$ npm install
```
Run development server using -
```
$ npm start
```
#### Add environment variable
- Add Cloudinary API Key
- Add MongoDB Atlas url with authentication
### Frontend
Enter into backend folder `frontend/`
```
$ cd frontend
```
Install npm dependencies -
```
$ npm install
```
Run development server using -
```
$ npm start
```
### Launching
Run and deploy application after building frontend static files
```
$ npm run build
```
If build succeeds, you can run both frontend and backend together using -
```
$ node backend/server
```
## Screenshots
