I Design, You build! - Frontend Challenge #1

Search for a command to run...

Feedback: First one!
Demo: "main--zernonia-frontend-challenge-1-altf4dev.netlify.app/"
Github: "/AlejandroAltF4Dev/Challenge-1"
Tech-Stack: Angular, Angular Material, TailwindCSS
ZernoniaLooks like i can't post links as i'm a new user.
Hi Alejandro Alvarez! Thank you for your submission!!
I love the button click animation and sidebar transition! Overall design is super well done!!! Love the responsiveness too! 🤩🙌🏼
If you are ok to share the source code, perhaps I can provide more feedback on that! 😉
** I would recommend try out Challenge #4. There's a contest going on now!!
Yup I'm aware of the link submission for new user. So yeah you can submit the link in "text" form.
Zernonia I did share the SC, but seems it was removed. Fixed. I submit for Challenge 4 already! Thanks.
Awesome! Congrats and thanks! I hope you don't give up on this project, it helps a lot! I don't understand only one thing: We have to follow a template? Or we can code with some else technologies?
Hi, Really good job. I'm a UI/UX designer myself and a frontend developer but currently im trying to learn React so i will use your templates to code my first react projects! I'm looking forward to start up on this. I appreciate the effort you have put in to this, it's really beautiful and nicely done.
Currently i'm starting up on some Udemy cources but after i would love to submit my small React projects here and follow along with this challenge
This is the best article series ever i really needed this for a long time cause first i suck at designing but at the same time i want to build pretty stuff (i always made sites that just work but it wasn't pretty so i usually didn't publish them) now i can make them work and be pretty so i would put them on my portfolio
Appreciation ❤️ I'm loving every submission here on Hashnode from the previous challenges! Really thank you everyone that participated, or bookmarked it! New Challenge (Supabase version) Let's step up from the plain 1 pager, and static data! It's t...
...Nuxt 3! If you are not familiar with Nuxt 3, it is build on top of the awesome Vue 3 + Vite (or Webpack if you like) + Typescript, which makes the process of development feels like a breeze. But before we jump right into the Nuxt awesomeness, let ...

Appreciation ❤️ I'm loving every submission here on Hashnode from the previous challenges! Really thank you everyone that participated, or bookmarked it! New Challenge (Supabase version) Let's step up from the plain 1 pager, and static data! It's t...

Appreciation What an overwhelming response from the first two challenges! I know I said it before, but I really enjoy seeing every submission, and appreciate every feedback given. If you haven't give the challenge a try, I strongly encourage you to j...

It's the time of the year, where we Developer cave in to our Coding Dent and start coding again - Hacktoberfest! As all developer are scavenging through tons and tons of Github repo just to find somewhere they belong, but sometimes to no avail. But...

Appreciation What an overwhelming response from the first challenge! I really enjoy seeing every submission, and appreciate every feedback given. If you haven't give the challenge a try, I strongly encourage you to join us in this fun challenge! 🤩✨ ...

Awesome Gradient, 3D Space design with different kind of Design Flavor. Create a homepage following the design. Fulfill Target and/or Extra below:
Target:
Extra:
tips: backdrop-filter: blur();Resources:
⚠ It will defeat the purpose of learning if you just copy and paste someone else's answer 😭!
If you are ready to take on the challenge, then
All the images and assets are free to use, and can be exported from the Figma Design.
The comment section here in Hashnode will serves as Submission Area.
Once you've completed, come back to this post, and submit your solution using the following template in the comment section. You are encouraged to comment and upvotes other's answer!
** If you are new to Hashnode, you can apply use this link to join the amazing Hashnode community!
Feedback: This is awesome!
Demo: <url>
Github: <url>
Tech-Stack: Vue, TailwindCSS
Learning Outcome:
1.
2.
I share these design freely so that anyone who wanted to practice or challenge Web design be able to do so without paying other platform (ahem) to get their *Figma Design🎨 file.
You are free to use the Design you've created in your portfolio. No copyright claims or anything.
But if you are loving my work, you are most welcomed to follow me on Hashnode and Twitter 😄