--- title: "Discussion on \"I Design, You build! - Frontend Challenge #1\" | Hashnode" description: "Discussion on \"I Design, You build! - Frontend Challenge #1\". Challenge\nAwesome Gradient, 3D Space design with different kind of Design Flavor. Create a homepage following the design. Fulfill Target and/or Extra below:\nTarget:\n\n๐ŸŽฏ Target : User can see the similar design\n๐ŸŽฏ Target : Responsive design\n๐ŸŽฏ Target ..." url: "https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb" --- [Feed](https://hashnode.com/feed) / Discussion # [I Design, You build! - Frontend Challenge #1](https://blog.zernonia.com/i-design-you-build-frontend-challenge-1?utm_source=hashnode&utm_medium=feed) 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: ๐ŸŽฏ Target : User can see the similar design ๐ŸŽฏ Target : Responsive design ๐ŸŽฏ Target ... Sep 25, 2021 ยท 2 min read ยท blog.zernonia.com Updated Apr 24, 2022 Read the article - [#web-development](https://hashnode.com/tag/web-development) - [#frontend-development](https://hashnode.com/tag/frontend-development) - [#css](https://hashnode.com/tag/css) - [#javascript](https://hashnode.com/tag/javascript) ## Written by [Zernonia](https://hashnode.com/@zernonia) @zernonia ยท Malaysia [View profile](https://hashnode.com/@zernonia) Vue Developer | Supabase Fans ๐Ÿ˜‚ I'm a self-taught Web Developer, and fell in love๐Ÿ’š with VueJS. Working on some articles and open-source project during my free time! ## Responses 8 Markdown supported ยท โŒ˜โ†ต to post [Metaltank](https://hashnode.com/@MetaCode) [Sep 11, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/631de643f73f4734bc0578a4) Feedback: This is awesome! Demo: xae-bot.vercel.app/src/index.html Github: github.com/webAKAsh Tech-Stack: HTML, TailwindCSS Learning Outcome: 1. I learn responsive designs. 2. I win the fear of adjusting background Images. [Omar Moustafa](https://hashnode.com/@Omar-The-Dev) [Apr 25, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/626680495dd5677e9b8e0714) Is challenge #4 only has prizes? OR what exactly? [Zernonia](https://hashnode.com/@zernonia) [Apr 25, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/626680495dd5677e9b8e0714#reply-626688edd82f4558aff8cc47) Yup! Only submission for challenge #4 will have the chance to win the SWAG ๐Ÿ˜‰ [Alejandro Alvarez](https://hashnode.com/@AltF4Dev) [Apr 24, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6264b5dd0f819f588af76d04) - Feedback: First one! - Demo: "main--zernonia-frontend-challenge-1-altf4dev.netlify.app/" - Github: "/AlejandroAltF4Dev/Challenge-1" - Tech-Stack: Angular, Angular Material, TailwindCSS [Zernonia](https://hashnode.com/@zernonia)Looks like i can't post links as i'm a new user. [Zernonia](https://hashnode.com/@zernonia) [Apr 24, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6264b5dd0f819f588af76d04#reply-626520bed82f4558aff8aafe) Hi [Alejandro Alvarez](https://hashnode.com/@AltF4Dev)! 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](https://blog.zernonia.com/i-design-you-build-frontend-challenge-4-supabase-version). 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. [Alejandro Alvarez](https://hashnode.com/@AltF4Dev) [Apr 24, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6264b5dd0f819f588af76d04#reply-62658f39d82f4558aff8b517) [Zernonia](https://hashnode.com/@zernonia) I did share the SC, but seems it was removed. Fixed. I submit for Challenge 4 already! Thanks. [Jessica Castro](https://hashnode.com/@jessicacastro) [Apr 22, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/62631a80d82f4558aff884d4) 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? [Zernonia](https://hashnode.com/@zernonia) [Apr 23, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/62631a80d82f4558aff884d4#reply-6263b1340f819f588af75896) Thank you! I'm gonna try my best to keep this series alive ๐Ÿ˜‚ Nope, you can use whatever framework you like and improve the design as much as you like. As long as you able to create similar mockup, it's a win! [dagmawi gezachew](https://hashnode.com/@DGCP3) [Apr 22, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6262d5c0d82f4558aff87e9b) this is amazing, [Zernonia](https://hashnode.com/@zernonia) [Apr 23, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6262d5c0d82f4558aff87e9b#reply-6263554ed82f4558aff8879c) Thank you!! Feel free to give the challenge series a try ๐Ÿ˜‰ [Alexander Pedersen](https://hashnode.com/@byhartvig) [Apr 21, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6260f7f27019274627fd89d9) 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 [Zernonia](https://hashnode.com/@zernonia) [Apr 21, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6260f7f27019274627fd89d9#reply-6261048a313088464cfc5860) Thank you!! Appreciate your kind word! Perhaps you wanna share your design in the coming Challenge for other dev to build it? ๐Ÿ˜‰ I'm looking forward to your submission ya!!! [Shaina Khan](https://hashnode.com/@shainyy) [Apr 20, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6260438c7019274627fd7e84) If you don't mind can I use this (as a reference) to make website. [Zernonia](https://hashnode.com/@zernonia) [Apr 21, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/6260438c7019274627fd7e84#reply-6260b2cc7019274627fd846a) I don't mind it at all! In fact, you can build your portfolio from the design if you want! [Youssef Rabei](https://hashnode.com/@YoussefRabeiii) [Apr 19, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/625f2c5fda7c2f332d1d58ec) 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 [Zernonia](https://hashnode.com/@zernonia) [Apr 20, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/625f2c5fda7c2f332d1d58ec#reply-625f6f64da7c2f332d1d5d15) Dude you just made my day!!! Thank you so much for sharing your experience, and I really hope that this series would help you to be a better developer with design skill. Do share in the comment about your **masterpiece**, when you are completed the challenge ya! ๐Ÿคฉ๐Ÿ™Œ๐Ÿผ