By
@DaintyDust
I’m updating my current website to rewrite it in react (and maybe use a UI library).
To access the sandbox UI/commands you press “ctrl+/”
And im adding my portfolio
https://daintydust.dev/paint
https://daintydust.dev/sandbox
@DaintyDust
on
Portfolio Website
In the reviews on my previous ships, people gave me alot of feedback on things that were missing or bugged, So i fixed most of them this update.
First people asked for a for a fill tool.
Secondly a few people pointed out that in a low grid size the paint page was really laggy.
Lastly people mentioned that the mobile version was pretty bad.
Try out the paint page at: https://daintydust.dev/paint
Check out the site at: https://daintydust.dev
@DaintyDust
on
Portfolio Website
40m 42s logged
Added proper mobile support by changing some css selectors
@DaintyDust
on
Portfolio Website
1h 11m 31s logged
Fixed the lag on small grid sizes by rebuilding the paint rendering by doing these changes:
maybe still needs some work, but its already alot faster for things like text rendering
@DaintyDust
on
Portfolio Website
1h 11m 48s logged
I added a fill tool, this was pretty hard to do since there are some complicated calculations that needed to be made.
So for the really hard calculations i used forms online and a bit of AI
@DaintyDust
on
Portfolio Website
I added a sandbox page so people can play around with the text and pixel colors since alot of reviews like that! you can access it at https://daintydust.dev/sandbox (or press “ctrl+/” on any page to popup the commands menu
But I didn’t find that enough, i wanted more. So a friend of mine suggested making a kind of paint program where you can draw pixels, shapes and text!
@DaintyDust
on
Portfolio Website
3h 41m 40s logged
added a text tool to my paint page, you can now add text in different sizes. this was pretty easy to do since i already had a system to display text on my homepage, so i reused most stuff for that
also added a tech stack to my portfolio, so others can see what languages i can program in.
and I fix a bug where the electrons wouldn’t follow the grid when changing the grid size.
@DaintyDust
on
Portfolio Website
6h 12m 23s logged
Added a page to paint the pixels. https://daintydust.dev/paint
you can use tools like: pencil, brush, rectangle, circle, eraser.
or change the brush size or grid size.
At first i thought it was pretty easy since i already had a working grid system that could display text. But after alot of trial and error i managed to add the first pen tool. After that was done it was pretty easy adding the other tools
@DaintyDust
on
Portfolio Website
1h 48m 10s logged
Added a sandbox page so you can play around with the text and colors and stuff. you can also do this by pressing “ctrl + /” on any page.
Also added a projects widget so you can easily go to my portfolio from the homepage
@DaintyDust
on
Portfolio Website
I made a portfolio website to show of my projects.
I made the site using react + mantine because mantine UI makes it really easy to add and create components.
In the beginning it was pretty challenging because i never created a site in react or with mantine before. So i had to learn all of those from the beginning
A friend of mine recommended mantine UI, because it has really nice looking UI components, its free and its opensource!
Since i updated my already existing site and rewriting it in react + mantine. I already had a stylesheet to style my website. So i could easily reuse that.
Visit the site at: https://daintydust.dev
View my portfolio at: https://daintydust.dev/portfolio
.webp)
@DaintyDust
on
Portfolio Website
48m 37s logged
I updated the readme so i can ship my website!
@DaintyDust
on
Portfolio Website
5h 59m 46s logged
added a portfolio page to display all the projects that i’ve worked on!
I use multiple mantine packages to make the UI creation much easier. for example for the carousel, image compare and lightbox
@DaintyDust
on
Portfolio Website
2h 6m 29s logged
added a page to display all my roblox accounts.
it fetches the avatars, usernames and group info from the roblox api based on a list of userid’s.
@DaintyDust
on
Portfolio Website
4h 37m 32s logged
The site was still pretty laggy on lower end devices. So i reduces the amount of electrons for lower end devices.
I also rewrote the whole UI with the mantine UI library. because of this i didn’t have to write my own widget dragging system.
@DaintyDust
on
Portfolio Website
19h 43m 19s logged
Previously my site was really laggy. my pc used 2gb of ram and 90% GPU (on a 3070 😭) on my site alone.
This is why i wanted to rewrite the site. my old site just used basic html/css, thats also another reason i wanted to rewrite my site
Since i wanted to learn create a site in react a chose that.
Changes:
