Full stack project: iNaturalist clone
Nspect is social media and citizen science website where users can upload, view, and interact with each other's observations of plants, animals or any other living organism through comments and a agree disagree system. It was built utlizing a Rails backend with a React/Redux frontend.
The majority of this project was created within an approximately 10 day timeframe. Additional features have and will be added in the future. Hosted with Heroku with limited dyno hours. Best time to view the live site is at the start of every month. If the site is down, the most likely explaination is that the the amount of free dyno hours have been used up.
Once logged in, users can click on the upload button in the header/nav bar that will take them the the upload form
Users can optionally select image files from their local machine to upload by clicking on the 'add image' button. If the user does not specify a datetime for when the observation occured the form will auto fill the date time with the datetime when the form was opened on submition.
Clicking on the location field will open up a modal that contains a map. Clicking anywhere on the map will take the coordinates of that location and populate the location field with the latitude and longitude of that clicked location.
The user also has the option to add a description to the observation before submitting it. After submitting thier observation they will be sent to the home page which holds all of their observations.
If a user goes to own of their own observation's page they will have access to an edit and delete button. Pressing the delete button will delete that observation and send the user back to their home page. Pressing the edit button will take the user to an edit form, similar in look at an upload observation form. The edit form will have the data slots prefilled with it's previous information. After submitting an edit the user will be sent back to the observation's page where they can see their changes.
For each observation, users can add identifications or comments. Both identifications and comments have a body where users can write their thoughts, however only the identification contains an addition field where users can suggest the species of the organism observed.
Identifications are used to contribute to the identiy of the observation. Comments will not alter the identity of the observation and are used to contribute only to the discussion of the observation.
At the top of each observation page will be a name of the community agreed species. The name that has the most identifications will be the community agreed species. If there are no identifications for the observation, the observation will be named "Life". At least one identification is necessary for the observation to be listed as something other than "Life". If there are multiple identifications have have equal number of counts, the community agreed species will default to the identification made first out of the possible top identifications.
A search bar is located in the nav bar. This search bar is used to filter observations by top identifications and navigate the user to the page that contains a map of the world showing all observations matching the filter in the search bar. The filter is default to none and can be reset by searching with no filter.