All solutions

My first ever Fullstack application that i've made completely on my own. I've made quite a few tutorials of making fullstack apps, but i decided that i would try to make one on my own for this project.

The project is centered around Clerk, which is a authentication library that is really easy to use. The hard thing is getting it merged with your database, but i managed, and i think my solution is quite well done overall.

However a gripe.

I wasn't able to implement the drag-n-drop functionality because all the libraries i could find, requires the array data to be stored within a state. But because my data comes asynchronously from a database, i wasn't able to store it within a state and update the UI simultaneously. Maybe somebody knows how to do that?

However despite that am i really happy with my solution, and incredible proud :))

My first Astro Project ever.

Astro peaked my interest, and i thought i would do a quick project with it.

I really like the simplicity of it, and the fact that you can make components from whatever framework you like. I will use it again to make static sites, and i'll consider using it for my upcoming portfolio.

A quick fun challenge, i'm really happy with how i solved the filtering.

Fun challenge, got to practice a bit of animations and adding fetched data to a local object.

Fun project! I enjoy making these small games, where you need to use the logic part of the brain. In this project i learned how the handle the use of session/local storage in Next13 and in Zustand.

Any feedback is greatly appriciated!

Fun little challenge. Had a good time connecting to two API's together.

I'm quite happy with my utilization of server-side rendering of my fetch request.

One problem i had, was that i got an "window is not defined" error while building the project. A solution for this i rendering the Map component with next Dynamic, like it's done in this video: https://www.youtube.com/watch?v=wWEub83W8Jw

This was a fun one! A nice break from building conventional websites. Learned alot of logic. However building the themeProvider was a bit tedious because of the enormous amount of colours that changes.

I'm beginning to getting a real hang of Zustand, this time I decided to try using it with Typescript, which IMO has a pretty confusing syntax. However I managed, and learned alot!

This was a big one!

Me and my friend made this project together. I’m really proud of it, i might go back later to add better form validation and animations.

This was a big one!

Me and my friend made this project together. I’m really proud of it, i might go back later to add better form validation and animations.

This is my first ever project using TypeScript. I took a scrimba course, and i took on this light challenge, to try working with TypeScript on a real project.

All in all i'm quite proud of it, and i haven't used any "any" types.

This is my first time using a state manager. I choose Zustand because it seemed the least daring to use.

I must admit i've grown to really love it. It's really intuitive to use, and it brings down the complexity quite a bit. It's especially useful next13 since you can't pass normal props to your pages anyway.

I generally learned quite a bit from this challenge and i'm hungry to be even better.

Any feedback would be greatly appreciated!

I have very mixed feelings about this project.

I quite happy with my solution and i really learned alot. But i'm clearly doing something wrong in my routing. Because the routes break on the live site, but works fine on my local machine.

I would greatly appriciate if one of you, had an idea why all my routes break, i'm all ears!

EDIT: I fixed the issue. I wasn't allowed to use the output: "export" setting in the nexs.js.config file.

Normally React-Slick has build in keyboard control, but in this case i doesn't work. Cant figure out why, maybe bright soul in the community knows?

This challenge only took me 2 hours. Had to come up with an solution to the API's inability to consistently fetch a new random object.

I found this challenge very delightfull. Instead of slowly killing myself by trying to construct an infinite image slider, i used a react libary called react-slick.

Other than that, it's pretty standard stuff. My solution is far from perfect, but had a few good takeaways from it.

Did this quick challenge to brush up form validation before moving on to bigger projects.

Quick React afternoon session, still getting comfortable with working in a React environment. I'm getting better every time.

A quick challenge i made on my day off. I'm currently in the process of learning React & TailwindCSS, and i thought it would be fun to make this quick project to utilize all of the things i've learned.

Hope you like it! Any contructive feedback will be appriciated :)

Did this quick challenge to become more comfortable with sass, before moving on to bigger projects.