The latest articles on DEV Community by caibao wu (@abaolo). https://dev.to/abaolo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3297638%2F8913f7a4-60fd-4165-b5bf-4cd81e04c929.jpg https://dev.to/abaolo en caibao wu Sat, 19 Jul 2025 12:22:23 +0000 https://dev.to/abaolo/frontend-challenge-submission-the-hub-a-minimalism-landing-page-227 https://dev.to/abaolo/frontend-challenge-submission-the-hub-a-minimalism-landing-page-227 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend/axero">Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space</a></em></p> <h2> 🚀 What I Built </h2> <p>A responsive landing page with glass effect navigation and element animation.<br> Code by React + Typescript + Tailwind CSS</p> <h2> 🔗 Demo </h2> <p>👉 View webS - <a href="https://landing-page-exp.netlify.app/" rel="noopener noreferrer">https://landing-page-exp.netlify.app/</a><br> 👉 Repository - <a href="https://github.com/RabbitBoom/LandingPageDemo.git" rel="noopener noreferrer">https://github.com/RabbitBoom/LandingPageDemo.git</a></p> <h2> 🛠️ Journey </h2> <p>Gain a deeper understanding of custom UI components<br> Gain a deeper understanding of Tailwind CSS utility functions</p> <h2> 👏 Note </h2> <p><strong>The images, SVG, and other resources displayed in the content are used solely as placeholders and have no other purpose.</strong></p> <h2> 💡 Ad </h2> <p>If you need to create a website, please contact:</p> <p>Email: <a href="mailto:chinamobao@gmail.com">chinamobao@gmail.com</a><br> <a href="https://www.upwork.com/freelancers/~01557fd70089962f9b?mp_source=share" rel="noopener noreferrer">Upwork</a><br> <a href="https://www.fiverr.com/s/DB68w5D" rel="noopener noreferrer">Fiverr</a></p> devchallenge frontendchallenge css javascript