Inspiration
Learning how data structures work can be challenging. That's why we were inspired to make a visual aid for students getting started with grasping these concepts - hopefully, making it easier to see and understand.
What it does
When entering the website, you are greeted by Roc AI, who is here to guide the user. Buttons at the top allow the user to generate an interactive linkedlist/array - the user enters the type of array (boolean, int, String), and the length (ex. 7). The program generates this array, where the user can edit the elements, as well as draw on/around the array using the canvas tool. When the user has any coding-related questions, (or any other general questions), they can always start a conversation with Roc AI. Finally, there is a feature which allows you to search Pitt's dataset of students and faculty, and retrieve their full name and school email.
Challenges we ran into
Getting the CSS to agree with the HTML and have it look aesthetically pleasing definitely caused us some trouble. Along with that, the version control was giving us a hard time as well. We worked on separate parts of the program on separate laptops and merging them together was much more difficult than we thought.
Accomplishments that we're proud of
Getting the page to look as organized as it does - we definitely didn't think we could make it look good. We were confident it would be functioning, but we tried to make it Pitt-themed and give it some vibrance + animations. Overall, delivering a working product is something we are proud of as first-time hackers.
What we learned
We learned a lot more about how CSS interacts with HTML documents, and how they are most efficiently structured. We learned more about the JS language, and how that interacts with html as well. This project also taught the importance of communication in a team and how to handle disagreements between members.
What's next for JavaStudyTool
We are set on our goal of further implementing this as a useable tool for students and teachers, and incorporating many more data structures and overall increasing usability of the program. The concept is pretty neat, and with the time limit, was tough to do. We plan on making this a fully useable program.
Built With
- css3
- gemini-api
- html5
- javascript
- node.js
- pitt-api
Log in or sign up for Devpost to join the conversation.