This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities
What I Built
I built a sci-fi UI for the Glam Up my Markup frontend challenge.
I used a very futuristic theme to move away from the traditional camp theme that has already been used by so many other websites.
It’s a resizable site, which makes it usable for both desktop and mobile users.
Demo
A better preview of the site is available here
All the source code is available on Github.
Journey
I started with just styling the form, but I realized that was pretty normal.
That’s why I decided to add a database feature, what made me knock with my head on my desk.
I learned tons of new javascript skills by making my own pie charts, because animating on the canvas isn’t simple.
After that, I made some cool confetti and popup scripts to make it look better and spendt 2 hours on animating (yes, 2 hours, don’t laugh).
Credits
- Stackoverflow for lighten and darken hex colors
- ChartsJS for inspiring me with the pie chart.
- Deta for hosting the backend
- Everything else (confetti, charts, popups and database) is made by myself!
That’s all, I hope you like it!
