/FE-Wild-Wonders

Wild Wonders - Sightseers meet Scientists (Frontend)

Primary LanguageJavaScript

Wild Wonders App

Wild Wonders - Wildlife Sightseers meet Scientists

7 6 5 4

What is Wild Wonders

Become a Citizen Scientist: Help Track Wildlife Across the Globe!

Help identify and locate animal species around the world and in your region to assist scientists with field surveys.

Wild Wonders: Where your vacation snaps become invaluable science.

Ever seen a pod of dolphins glide through turquoise waters or a majestic eagle soar across mountain peaks? Now, your breathtaking holiday photos can become vital data for scientists studying and protecting our planet's incredible wildlife.

Wild Wonders connects nature enthusiasts like you with marine biologists, ecologists, conservationists, and more. By uploading your photos of any land or marine species, you become a citizen scientist, contributing to crucial research on migration patterns, population health, and habitat changes.

Here's how it works:

Capture wildlife encounters:

  1. Snap photos of any animal you see, from sharks, turtles, whales breaching in the ocean to birds or butterflies flitting in parks.
  2. Find a science project survey to contribute on Wild Wonders
  3. Upload your photos: Share your captures on our easy-to-use platform.
  4. Help scientists analyze: Experts identify species, map sightings, and track vital data from your contributions.
  5. Make a difference: Your photos contribute to research that informs conservation efforts, protects endangered species, and ensures the future of our planet's amazing biodiversity.

Join the Wild Sight community and:

  • Become a valuable citizen scientist.
  • Learn about and contribute to vital wildlife research.
  • Connect with nature enthusiasts like yourself.
  • Make a lasting impact on the future of wildlife.
  • Visit Wild Wonders today and turn your unforgettable encounters into groundbreaking science!

Together, we can track wildlife across the globe, protect threatened species, and ensure a thriving future for the natural world.


Learn more about the Develper team and Backend can be found on: https://github.com/mmaskati/BE-Wild-Wonders

Talking Technical

This project was bootstrapped with Create React App.

Under the Hood

  • React.js
  • Bootstrap
  • React-dom
  • Axios
  • jwt-decode
  • React-router-dom
  • Dayjs
  • Font Awesome for React.js
  • PrimeReact (attempting to use DataTable UI component)
  • Exif.js
  • Cloudinary
  • Cloudinary-react
  • dotenv

Integrations to fetch external data:

Ninja Animal API https://api-ninjas.com/api/animals

Exisiting Features:

Administrator: See All Users and Change Type Scientist: Add Species and Content from Animal API Contributor: Add Records (also known as contributions) with one photo JPEG that includes GPS Exif data.

FrameWorks

6 5 4 3 2 1