Inspiration
Our team didn't really realize this problem until this code challenge. When choosing the topics, we brose through every topic and find out the situation involving HMAR is very disturbing. What is heartbreaking is that human has actually harmed the animals the most. So we decided on this topic, to do whatever we can to save HMAR as best we can. We believe this project will help people react to the animals in danger as fast as possible.
What it does
In our project, we mainly focus on two-part, The Public and the Admin. First, the Public will have the ability to access our sight forms which they can put down the information of their sightation, or they can call the hotline if they see the animal are in distress. On the other side, the Admin will have the ability to login into the database, which is a list of information of sightation that is entered from the public. Also, the Admin will be able to edit or delete the sightation.
How we built it
For this project, we started off with the meteor application template from the ICS Department at the University of Hawaiʻi at Mānoa. We work with meteor, javascript web framework, google API, MongoDB, React Boostrap, and semantic UI to complete the project.
Challenges we ran into
One of our major challenges is the google Maps API. The reason for this is because it is the first time we dealing an application with google API. It takes a few tries to get familiar with it. Another struggle is to upload a database in excel to a CSV file. The difficulty on this is the same as the last one, a brand new topic that we have never experienced. However, the final and immense obstacle is to make the application mobile-friendly. Desktop and mobile applications have a completely different formats.
Accomplishments that we're proud of
Allow the public to upload insights with Google Maps API is our greatest accomplishment. For the generals, having a map locates where they are is much easier by finding the address and typing it in. It is also more accurate and precise to use geolocation rather than the address.
What we learned
We learned how to design the application under a direct requirement. Throughout this challenge, it is a time killer to puzzle the pieces all together and keep questioning to advance the final product. In addition, we learn how to work with Google Map API and CVS files. Which were the thing we had never experienced before.
What's next for LamTech
Some goals we have on the application are modifying and strengthening the UI. This includes making the application both pc and mobile-friendly. We also looking forward to implementing the exports and filters for better use of the generals.
Security solution
One obligation from LamTech is to keep all user data private, safe and secure. By storing data in MongoDB, which has strong security and privacy features, to protect each user’s personally identifiable information. Finally, the database of user information is only can be accessed by the admin. Which the user needs to have the accurate information of the email and the password to login to the database.
How to run our application
The first way to run our application is through running our source code in local:
- Make sure you have the following install in your local:
- Download the source code through our Github repository
- Use the Terminal, Command Prompt, or Power Shell to open the source code folder.
- Open the app directory(
cd app/). - Install all the meteor packages by running the command:
meteor update --all-packages - Install all the third-party libraries by running the command:
meteor npm install - Start the application by running the command:
meteor npm run start - Now, the application should be running on the http://localhost:3000
Also, our applications are currently running online. Here is the Link. To test out the admin feature, here is the account you can use:
email: admin@gmail.com
password: admin
Log in or sign up for Devpost to join the conversation.