STRI - Stop Tapir Roadkill Initiative (Website)

STRI aims to unite people to end Malayan Tapir roadkill in the diverse region of Malaysia. 🌍 Together we SHALL, stop ROADKILL!

Comment

Inspiration for STRI 😀

Living in Malaysia for over 9 years now, I have encountered cases of Malayan Tapir roadkill in my surrounding neighbourhood. Moved by their plight, I have decided to code and develop STRI - Stop Tapir Roadkill Initiative to inform the people, eco-awaken them, and protect these gentle creatures from further roadkill incidents.

What does STRI do? 🤔

STRI gives a brief introduction of the Malayan Tapir, and provides concise information (Reason for their roadkill and consequences) and statistics describing its roadkill incidents. Suggestions have been proposed to the government and civilians. A unique prototype (Artificially intelligent Tapir crossing sign) designed by Team SRP, using Teachable Machine and the Scratch Framework, has also been embedded in the website to better educate the audience. My website is also accessible to the visually challenged due to the addition of an API named UserWay. It encompasses many features, such as screen reader, contrast changer, and a dyslexia font switcher. The website is responsive, making it viewable on a variety of devices, each having their own different dimensions.

How did I build it? 👷

I have built it using the 3 native web development languages: HTML, CSS, and JavaScript. I have created and embedded a Scratch animation and also called an API from UserWay.

What challenges did I run into? 🚨

There were many technical glitches when:

  1. Playing with the multiple JavaScript libraries
  2. Adjusting the size and resolution of images / videos
  3. Aligning components when made responsive
  4. Embedding the Scratch prototype into the website

What am I proud of? 😁

I am happy of its responsiveness, user-friendliness, ability to cater for visually challenged people, efficiency in raising awareness concerning the Malayan Tapir roadkill, and my unique solution developed using the Scratch framework.

What have I learned? 🧑‍🏫

  1. Time management
  2. Technical knowledge
  3. Animal misfortunes worldwide
  4. Work efficiency

What's the future for my STRI website? 🔮

I will be implementing the misery of other animal roadkill worldwide, in addition to the Malayan Tapir. A backend will also be incorporated, making the website more dynamic and enabling the presence of user-interactive sections. I will also work towards making my unique prototype, a digitally intelligent crossing sign, a reality, and raise more awareness to the commuters.

Built With

Share this project:

Updates