I am a developer specializing in front-end and UI/UX development. My passion lies in creating beautiful, functional, and intuitive user experiences using some of the latest web technologies while pushing the boundaries of the available tech.

My most comfortable web tech stack:React withSass

Although I have experience with:

• HTML/CSS/JS
• Svelte
• Vue

Some libraries I like working with

• three.js /r3f
• @airbnb/visx
• leaflet /react-leaflet
• tone.js

I prefer to custom style all my projects since I usually have custom designs in mind or am working with a designer. However, I find myself reusing certain components or styling architectural styles and to that end, I've been developing my own (i.e. extremely opinionated) open-source styling library.

Unless there's a specific use case, I opt for client-side rendered (Gatsby included) applications but I am comfortable with SSR withFlask andExpress (or as an API layer).

• https://ryqn.dev - my personal portfolio site and playground where I test out new technologies and experiment with new ideas
• https://boba.watch - my oldest, personal favorite project that tracks your boba spending and manages tons of user data while displaying it in interactive data visualization components in the browser
• https://pickban.pro - a custom built web app to help LoL coaches/scrim managers practice or perform champ select and provides live analytics using historical tournament data (public release version not 100% up-to-date)
• learn series - series of tools and websites that are meant to teach coding. Not all tutorials are accessible from public (mostly links that I memorized that I hand out during mentoring at hackathons) so dm me if you want to see a tutorial. Some examples: [articles and tutorials,R ggplot samples]

If you've been to a collegiate hackathon (US only), you probably have seen me so if that's you, feel free to dm me if you want to talk or have questions! I've been to about 50+ hackathons by now and if you're an organizer looking for a mentor or workshop lead, I would love to help out! (dm me for more info on what topics I can cover and sample workshop material I've done for prev. workshops)

PinnedLoading

1. boba-watchboba-watchPublic

   Boba Watch is a mobile website that tracks a user's monthly spendings on drinks. The dashboard feature shows a graphical depiction of how close a user is to approaching their personally set monthly…

   JavaScript 9

2. my recent activitymy recent activity

   1

   Most Recent Repo Commit: Wed, 14 Jun 2023 06:40:37 GMT

   2

   ryqndev/learn-ryqn-dev  ███████████░░░░░░░░░ 6 commits

   3

   ryqndev/hacknights-s23  ██████░░░░░░░░░░░░░░ 3 commits

   4

   designatuci/DUCI-website████░░░░░░░░░░░░░░░░ 2 commits

   5

3. Intro-To-Web-DevIntro-To-Web-DevPublic

   JavaScript 2 1

4. ryqndevryqndevPublic

   Portfolio website written demoing some of my projects as well as my playground for working with the latest tech.

   TypeScript

5. share-boba-watchshare-boba-watchPublic

   Public profile sharing feature for https://boba.watch. Activated within the user settings of their Boba Watch app and autogenerates a link.

   JavaScript 1

6. templatingJStemplatingJSPublic

   The simplest open-source html templating library using javascript

   JavaScript 4