Our Inspiration

We selected Cybersecurity as the theme for this project because technology is advancing rapidly, embedding itself into our every day lives—from education and banking to even car keys. With technology's increasing relevance, online security concerns are becoming more pressing. What are the potential online dangers we face daily, and how can we protect our information? Our project aims to educate users, from novices to experts, about common online threats and provide practical guidance for staying safe on the web.

What it does

As mentioned before, our website educates users about the following topics in fun, interactive ways!

-Keylogging

-Dangerous Emails

-Dangerous Websites

-Password Safety and Strength

-Quiz to Test Your Knowledge

How we built it

After determining our project objectives for the next 24 hours, we had to decide on an easy method for all of us to collaborate without being restricted by technical knowledge. Thus, we chose the skeleton UI library, which is built on top of SvelteKit, allowing us to focus on the functionality of the website without compromising visual appeal. Then, we each chose a topic of interest in cybersecurity and worked on our respective topics. Through this effective distribution of work, we developed Don't Trust Tech, a fully functional yet beautiful website within the given amount of time.

Challenges we ran into

One of the most notable challenges in developing Don't Trust Tech was stores and async functions. Usually, variables are erased when they get out of scope and cannot be easily shared between multiple files. In order to remember the username after reloading the website, we implemented persistent storage, which required an understanding of a different approach in simple tasks of accessing and writing variables. In addition, we faced a challenge in managing functions that required the use of async and await. Sometimes, our code executed in a non-sequential order and we had to use such keywords to prevent any errors in our application. Oftentimes, it was the case where putting an await to fix an issue would lead to another bug, which seemed like an infinite loop. However, we overcame these challenges and to create our final product and enjoy the process of learning.

Accomplishments that we're proud of

  • Learning Javascript and Html for the first time and applying it to a real project
  • Animations in Javascript canvas API
  • Reactive components in the website
  • Working effectively as a team to put together a website with multiple features

What we learned

  • Gained experience in deploying a website
  • Learned HTML and explored Svelte as a web framework
  • Use third party libraries effectively
  • Managed project dependencies
  • Worked with command-line interface
  • Value of teamwork, communication, and collaboration

What's next for Don't Trust Tech

We hope that Don't Trust Tech can be a leader in making cyber education a necessity and a relevant tool for all demographics. For instance, schools can use Don't Trust Tech as an engaging medium to integrate cyber education into curriculums. Also, we hope that companies can use Don't Trust Tech as a training program to ensure that all employees are using safe internet practices. We believe that Don't Trust Tech can be an accessible cyber education program to highlight the significance of cyber security and help everyone to be more cyber-safe!

Built With

  • fuse.js
  • netlify
  • skeletonui
  • sveltekit
  • tailwindcss
  • typescript
Share this project:

Updates