DS Aid

Inspiration

A lot of students are struggling in Data Structure class, a notoriously hard course in RPI. The office hours are over-crowded, and students are feeling underprepared for the course material.

What it does

This data structure visualizer creates a memory diagram

How we built it

Using HTML, CSS, Javascript, supported by Claude AI and ChatGPT

Challenges we ran into

Backend doesn't work as expected. I have to debug the code to align with what I expected it to do. Time is limited.

Accomplishments that we're proud of

This is the first time I get to do web dev, with HTML, CSS, and Javascript. I'm learning a lot while doing this and having a lot of fun.

What we learned

How javascript makes the backend works, how HTML and CSS make the frontend design looks fine.

What's next for DS Aid

There are a lot of stuff that can be optimized. Due to limited time, there are a lot of functions that are not implemented. -Nodes that should also include value and pointers -Arrays that should be on the Stack -Simple Pointers which should stands for Array*(Array Pointers) -A lot of semantic errors that are not yet fixed -Other functions to edit data structures, such as push_back, pop_back, pop_front, etc etc -More Data Structures such as Trees, Hash Tables, Maps, Graphs... -Draw Memory diagram based on code given and not adding/removing -More User Friendly descriptions

Built With

• chatgpt
• claude
• css
• html
• javascript