We've all found ourselves scrolling endlessly on social media and before you know it, you check the clock and 3 hours has already passed. You're left blurry eyed and numb, with half your day gone. I decided to explore this phenomenon by using programmatic art to mimic this experience.

🤔What it does

yasma, otherwise known as 'yet another social media app' is a faux social media web app that uses creative coding to represent the endless scrolling of social media. Once the user signs in, they are met with their home feed, but instead of regular posts, the web app features hypnotic and anxiety inducing patterns.

🛠How I built it

yasma is built using p5.js, react, and auth0 for login authentication.

🕵️‍♂️Challenges we ran into

This was my first time exploring programmatic art and so it took a bit of getting used to the new concepts and syntax, as well as how it integrates into a react application.

🥳 Accomplishments that I'm proud of

Participating alone in a hackathon! While my final product may not have turned out how I initially planned, I'm proud of what I was able to accomplish and learn on my own in the timeframe of the hackathon!

🎨What I learned

I learned how to use p5.js :) While I'm still quite a beginner and I've only explored a small subset of the functionalities of the library, I'm hoping to further explore creative coding in future projects!

🔮What's next for yasma

For further improvements on yasma, I would like to dynamically generate the posts so that they truly result in an endless scroll. As well, I think it would be interesting to explore a time tracking feature to measure the amount of time wasted on the site.

Built With

Share this project: