Inspiration
We got our inspiration from wishing there was a place to find all definitions for all the programming lingo used today. Looking at Investopedia, an encyclopedia for all things business, our team aimed to create something similar for programming. This idea eventually spawned our hack, CS Lingo, a google chrome extension that helps define programming terms on webpages.
What it does
CS Lingo helps search for a definition of the confusing term. Users can toggle the chrome extension, and when highlighting text on a page, it pops up the option to define the highlighted text. If selected, CS Lingo will pop up a window that provides a definition of the word.
How we built it
We used HTML, CSS, Jquery, JS, and Python to build the program. Furthermore, we created a Replit and a repo on GitHub to collaborate. Finally, to demo, we used Figma to design some of the features.
Challenges we ran into
While the developers of the team have experience with back-end processes, this was the first time they had tackled front-end solutions. Henry spent most of his time familiarizing himself on Saturday with HTML and CSS and how to inject javascript into static websites. At first, he struggled with formatting the pop up window and decided to utilize figma to adjust the formatting. Meanwhile, Tina and Charlie, focused their efforts on developing a webscraper using python, specifically beautifulsoup to parse incoming html. In order to send data back and forth they tackled the challenge of setting up a server using python ajax and flask.
Accomplishments that we're proud of
We are proud to have learned so many new technologies while creating this extension. As this is the first hackathon for some of us, its exciting.
What we learned
Since our team is comprised of mostly back-end developers, we were able to learn a lot of front-end.
What's next for CS Lingo
While we were unable to get this fully working under the time constraint, we hope to complete the full implementation of the extension, along with the ability the scale the software to provide options for various sectors of terminology translation, such as the Legal studies sector, healthcare sector. We also plan to add various additional interface options for the user to choose from, including a more detailed interface option which provides examples and potentially images for the user to view
Log in or sign up for Devpost to join the conversation.