• 

  Logo

Website Monitor

Inspiration

Our original goal for this summerhacks was just to learn HTML, CSS, and Javascript and create a project out of these tools. Building a website monitor was a very project to help us learn these skills because it's a useful Chrome extension that can help us be more productive when we're using our computers.

How We Built Project

Since our goal was to track and block websites, we figured a Chrome Extension was the best way to achieve our goals. How did we build the Chrome Extension? Stackoverflow, Youtube tutorials, and a lot of trial and error.

What We Learned

We not only ended up learning HTML, CSS, and Javascript, but we also learned the basics of the Bootstrap framework and how to make a basic Chrome Extension. This was also the first time we learned to use API functions (specifically the Chrome API).

Challenges We Faced

Probably the biggest challenge we faced was the transition from tutorials to starting the project. We had little/no prior experience, so we had to learn from tutorials in the beginning. However, even when we had finished the tutorials, we were afraid we still weren't "ready" to start the project. We learned to conquer our inferiority complex and just embrace the fact that one doesn't have to be an expert before starting a new project. On a technical side, one of the more technical challenges we faced was learning how to use an API. We had to learn about callbacks, asynchronous vs. synchronous events, and message passing between scripts.

Built With

• bootstrap
• css
• html
• javascript