Capture is a fun user-friendly social media platform centralized around the idea of “capturing” animals via a photo. Have fun rating and validating real user’s captures. Or go explore with the map and search for real time animal captures to find a particular animal that you too wish to capture. Capture is a dynamic social media experience you don’t want to miss out on!
Additionally: Capture was a two week final project for my Concordia University Bootcamp in FullStack Web Development.
- Sign in / Sign up / Sign out.
- Upload Captured image to the app “Capture” which keeps it in the cloud and displays on home feed and throughout the app. (This wasa done using cloudinary's API and my own custom RESTful APIs.)
- Rate other user’s captures. Automatically updates statistics on the captured animal, the voter, and the author of the capture which are displayed in user’s profile.
- Badge. Capture cards that have received 7 or more verified votes and more trues then false votes will receive a badge on their “capture card”.
- Dynamic capture “cards” display different colors and can receive a badge. Captures are displayed on a card and as each individual capture gains or loses verified votes and average star vote to determine the type of card it is. E.g. 100 verified votes and you begin receiving bronze, silver, or gold based off of stars received for that capture card.
- Clicking capture card’s avatar will bring you to that user’s profile where everything from their captures, statistics and friends are viewable.
- Clicking on capture card’s image brings you to google map location where that user took the picture.
- Map exploration. Displays all captured images on google map with a custom made marker (done using google map api, and custom REST apis). Additionally clicking on a marker brings up each individual captured information. Such as Name of capture, who captured it, how many days ago, and a small thumbnail image which is clickable and will bring you to rate that image (or alternatively click one time further to their profile).
- Map filtering. Users can filter the markers on google map by verified captures or non. Name of capture, or author of capture.
- Settings. Many dynamic settings are changeable throughout the app. Eg (google map has a default dynamic coloring to it’s map which renders either a style theme of dusk/dawn, day, night) You can toggle these settings on or off at the settings page.
- Many more features are in my interest to build. The current feature underway is sending and accepting friend requests between two users. If you have a feature you would like to see implemented, please do contact me either here on github, or by email at benjaminrobertrussell@gmail.com with an obvious subject such as “Capture Suggestion”. Thanks for your interest in my Capstone MVP project. :) Cheers.
MongoDB, Express, React.js, Node. RESTful APIs. HTML, CSS, JavaScript, Github, Responsive (mobile, desktop), Cloudinary API, Google Maps API.
*This is not a complete list, but merely the skills / technologies that I remember using often for this project. I suspect I forgot quite a few, to be honest.
Hello! My name is Benjamin, I love creativity, story telling, and solving puzzles/problems. I recently made a career change to pursue my dream job, programming! In was part of an intensive fast pace full time 3 month web developer bootcamp at Concordia University and graduated among the top 10 in my class. I have always had a passion to program from a young age and even taught myself how to program on a TI-83-plus calculator while in High School.
This project that you see in front of you is a result of a 2 week Capstone MVP project from my bootcamp, inspired by the desire to encourage people to get outdoors, Instagram, and PokemonGo. As for this project, I really wanted to not limit my creativity of possibility and allow my recently acquired skills to puzzle everything together.
I am proud of the end results and hope you all have enjoyed it. If you wish to get in contact with me send me an email at benjaminrobertrussell@gmail.com or contact me on LinkedIn https://www.linkedin.com/in/benjaminrobertrussell/ . Cheers.
benjaminRR