LeashedIn is a full-stack app designed for the wonderful world of pets. It is a platform for pet owners, charities, event organizers, stores, and shelters to gather and talk about their favorite animals. Post your own message onto the public feed, view user profiles and their pets, and search up other owners or organizations. Join the petwork today!
First clone the repository like so:
git clone https://github.com/vchinn04/LeashedInAnd cd into the created directory:
cd LeashedIn Next run npm install in the LeashedIn and client directories and cd back to LeashedIn:
npm install
cd client
npm install
cd ..Lastly, cd into the server directory and create a .env file and cd back to LeashedIn. Inside this file is the key needed to access the MongoDB. Here is the format:
cd server
touch .envInside .env:
ATLAS_PASS="mongodb+srv://username:password@cluster0.pyvzkqi.mongodb.net/?retryWrites=true&w=majority"Back to the LeashedIn directory:
cd ..Now you are ready to run the project! Just use this command in the LeashedIn directory:
npm run devLeashedIn offers several distinct features. Users first create their account, where they must provide a unique username (the create account page tells them if a username is already taken). Their information is stored onto the server, and they may then login. LeashedIn displays dynamic data, most notably through posts. Users who refresh the page after a new post is added will see it on their updated feed. Furthermore, the user may interact with the post by commenting on it or liking it. Every user has a profile page where they may modify the information that’s public to other users. A user may modify their profile picture, name, about me section, and add/remove pets. Each pet has their own description too. The user may search for other users through the search bar at the top, and can view that profile’s information. Finally, users may also follow other users they feel are important. They can also view the users that other people folllow and the users that follow those people. With these features, LeashedIn shows its robustness as a pet social network.
The technologies we used were React, Node.js, ExpressJS, and MongoDB and mongoose, React-Router, dotenv.
Middlewares: multer, body-parser
Libraries: Material UI, React-Bootstrap, styled-components, react-select