jenhuynhto / capy-me

A web application that help users locate the nearest capybara, and share capybara facts

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Table of Contents
  1. CapyMe
  2. Built With
  3. Usage and User Stories
  4. Main Pages
  5. Implementation Plan
  6. Contributors

What is CapyMe?

CapyMe is a web application that helps users find capybaras near them! Users enter in an address, location, or zip code, and our web application will generate a map of their area, and the location of the closest known capybara location to them. We gather information from a variety of sources, including zoos and verified user submissions, in order to make up our database of known capybara locations.

Our web application also includes CapyFact and Rate Zoos. CapyFact provides users with randomly generated capybara images and facts. We hope for it to educate users about these fascinating creatures and their habits. Rate Zoos allow users to 'like' zoos to recommend which zoos are worth a visit to other users.

If we are missing any zoos, feel free fill out our Contact Us form, and we will update our database with them.

Built With

py4web vuejs bulma

Main Pages

Figma

https://www.figma.com/file/xhpThAoGEcpxTyCfcZVV1n/CSE183---Capybara-Project-Proposal?node-id=0%3A88&t=GRIpDimNPT0jz7Yj-1

Index

Before Search Index Page Before Search After Search Index Page After Search

Contact Us

Before Form Submit Contact Us Page Before Form Submit After Form Submit Contact Us Page After Form Submit Email Received By (capyme@gmail.com) Contact Us Email Received By (capyme@gmail.com)

CapyFact

Contact Us Page After Form Submit

Capybara Generator With Fun Fact

Before Fact Contact Us Email Received By (capyme@gmail.com) After Fact Contact Us Email Received By (capyme@gmail.com)

Data Organization

https://lucid.app/lucidspark/de716b28-e608-43b0-9915-e16e36c45890/edit?viewport_loc=-567%2C-115%2C3454%2C1686%2C0_0&invitationId=inv_9582b85a-96f6-465f-a9b2-6f4143787be6

Usage

Welcome to CapyMe, the premier website for capybara sightings in your area!

Our website is designed to help you find capybaras near you. To begin, simply enter your location or zip code into the search bar on our homepage. Our system will then generate a map of your area, highlighting any known capybara sightings nearby. The closest zoo will be displayed, along with the distance, route, zoo name, and zoo address. In addition to our mapping system, CapyMe also provides a wealth of information about capybaras. Click the CapyFact Me button on our home page, and we'll feature random capybara facts and images that will help you learn more about these fascinating creatures and their habits. You may wonder how we gather data on capybara sightings! We gather information from a variety of sources, including social media platforms, wildlife organizations, and verified user submissions. Through this, we can create a comprehensive map of capybara sightings in your area that is always up-to-date and accurate. The Our Team page of our website displays all of the creators of CapyMe. We have a Contact Us page if you'd like to inform us about any additional capybara zoos. In addition, you can also reach us at our email capyme@gmail.com. If you'd like to add to our extensive list of capybara facts, you can navigate the CapyFacts page and submit a form, though you may be redirected to create an CapyMe account before you can post a fact.

Overall, CapyMe is the perfect website for anyone who loves capybaras and wants to learn more about these amazing creatures. Whether you are a wildlife enthusiast, photographer, or simply curious about capybaras, our website has everything you need to find and track these gentle giants in your area.

User Stories (As a user, I want to...)

  • Find the nearest zoo that has capybaras from my current location so that I can visit them.
  • Be able to submit a new capybara location if I come across one, so that the website can keep its information up-to-date.
  • Have the website provide me with random fun facts about capybaras so that I can learn more about them and be entertained.
  • Have the website show me directions to the nearest zoo that has capybaras from my current location so that I can easily navigate there.

Implementation Plan

Page Layout/Design/Styling:

  • Daphne
  • Jen

API/Other Coding:

  • Austin
  • Steven
  • Alex
  • Jen

Schedule:

  • Stage 1 (Week 5-6): Web page (all pages) setup
  • Stage 2 (Week 7-8): At least: Location implemented; At Most: Location, Animal API
  • Stage 3 (Week 9-10): Polish (styling and reactive elements); If free time: Forum, Matchmaker, Meme Generator pages

Contributors

Jennifer To
Steven Bui
Austin Yen
Daphne Cheng
Alex Nguyen

About

A web application that help users locate the nearest capybara, and share capybara facts


Languages

Language:JavaScript 62.7%Language:SCSS 14.0%Language:Less 13.9%Language:HTML 4.5%Language:Python 2.8%Language:CSS 2.0%