Lost But Found

A lost animal database with success stories.

Live Project at: https://bc-lost-but-found.herokuapp.com

How It's Made:

Tech used: EJS, CSS with Bootstrap, JavaScript, Node.js (w/ Express, Passport, Multer, Morgan, ), MongoDB, Cloudinary, Google Map APIs

Optimizations / Add-Ons:

Additional login options like google/facebook/etc.

Toggling for animals within profile page, so that "notorious" escapers can easily be listed without having to remake a new post everytime.

Lessons Learned:

Database usage with images via Cloudinary. Strengthed my knowledge of MVC architecture. Regular breaking of node.js building my backend while I worked out bugs.

Extensive use of git/github in a more production practice method. Uploaded designs and build framework to Wiki. Created a "project" for workflow. Created github issues with milestones and issue specifics. Created a PR submission template for use while merging. Linked and closed issues through pull requests seperated out with branches.

How to implement Google Map APIs. Clever ways to integrate current location for address fields.

APP Use:

After creating account or signing in, you will be directed to the profile page. Here you will have the ability to insert the lost animals information and upload a picture. For location information, you can use the button to get your current location then select from drop down list. This will auto apply the address information in the fields, or you can add manually. After clicking submit it will upload your animal to the lost animal "feed". The animal will also be displayed on your profile page.

To nagivate around the website you can use the navigation buttons at the top. To view all animals currently lost you can click on the "Lost Pets" button, to view the success stores you click "Reunited", you can to go back to your profile with the "Profile" button, and you can log out with the "Logout" button.

On the Lost Pets feed / Reunited feed, you can click on individual animals to get more details and see their "post". On the Lost Pets feed it allows any user to make comments in regards to the animal, so the community can assist in getting the animal back home. Additionally, the owner of the post will be able to delete the entire post from here if needed and comment owners can delete their comments if needed.

After reunited, the owner can navigate to the profile page and click the "Reunited" button for an animal's post. This will move the post off the Lost Pets feed and will now display on the Reunited feed.

Users are not limited to just 1 lost animal, they can post multiple animals at a time.

Install

npm install

---

Things to add

• Create a .env file in config folder and add the following as key = value
  • PORT = 2121 (can be any port example: 3000)
  • DB_STRING = your database URI
  • CLOUD_NAME = your cloudinary cloud name
  • API_KEY = your cloudinary api key
  • API_SECRET = your cloudinary api secret

---

• you will need to setup and replace Google API keys as needed.

Run

npm start

Other Projects:

You Can't Afford Rent: https://github.com/BrettCrafton/You-Cant-Afford-Rent

Magical World of Harry Potter: https://github.com/BrettCrafton/Magical-World-of-Harry-Potter

Cocktail Recipes: https://github.com/BrettCrafton/Cocktail-Recipes

Rick and Morty Parasite Detector: https://github.com/BrettCrafton/Rick-and-Morty-Parasite-Detector

NASA APOD: https://github.com/BrettCrafton/NASA-APOD