Submitted
frbarbre
@frbarbre
All solutions
Submitted
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 :))
Submitted
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.
Submitted
A quick fun challenge, i'm really happy with how i solved the filtering.
Submitted
Fun challenge, got to practice a bit of animations and adding fetched data to a local object.
Submitted
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!
Submitted
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
Submitted
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.
Submitted
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!
Submitted
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.
Submitted
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.
Submitted
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.
Submitted
Submitted
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!
Submitted
Submitted
Submitted
Country API Next13 & TailwindCSS
- HTML
- CSS
- JS
- API
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.
Submitted
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?
Submitted
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.
Submitted
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.
Submitted
Newsletter with React + Tailwind
- HTML
- CSS
- JS
Did this quick challenge to brush up form validation before moving on to bigger projects.
Submitted
React + Tailwind Snap Responsive
- HTML
- CSS
- JS
Quick React afternoon session, still getting comfortable with working in a React environment. I'm getting better every time.
Submitted
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 :)
Submitted
QR-Code Challenge
- HTML
- CSS
Did this quick challenge to become more comfortable with sass, before moving on to bigger projects.