DEV Community

Cover image for My WeCoded Landing Page πŸŽ‰
 Precious Kelvin Nwaogu
Precious Kelvin Nwaogu

Posted on β€’ Edited on

6 4 4 4 3

My WeCoded Landing Page πŸŽ‰

This is a submission for the WeCoded Challenge: Celebrate in Code

My WeCoded Landing Page

For the WeCoded Challenge 2025, I built a visually stunning and interactive landing page to celebrate coding. My goal was to create a design that is modern, engaging, and smooth, ensuring a seamless user experience with clean animations and a professional layout.

✨ Key Features:
βœ… Toggleable Dark & Light Mode β˜€οΈπŸŒ™
βœ… Smooth Navigation & Responsive Design πŸ“±πŸ’»
βœ… Professional Footer with Essential Links πŸ†
βœ… Optimized for Performance & Accessibility πŸš€


Demo

πŸ”— Live Demo: WeCoded Landing Page
πŸš€ GitHub Repo: Give it a ⭐ and show some love!

πŸ–ΌοΈ Screenshot:

Landing Page


How I Built It

To achieve the best results, I used:

βœ… Figma for precise design planning and prototyping
βœ… React.js & Bootstrap for clean and structured UI & responsive styling
βœ… Typescript & JavaScript for fast interactivity
βœ… Github and Vercel for deployment

πŸ”₯ What I’m proud of:
I focused on design aesthetics and smooth performance, ensuring that every interaction feels natural and fluid. The dark/light mode toggle was a great addition, giving users flexibility in their viewing experience.

Final Note

By participating in this challenge, I agree that if my submission is selected as a winner, DEV may use, modify, and host my code as the official landing page for WeCoded. I retain full ownership of my work, and this agreement does not restrict how I use or share it elsewhere. Additionally, I confirm that my submission is my own original work and does not infringe on any third-party rights.

✨ Thanks for checking out my project! Let me know what you think in the comments! πŸš€

Quadratic AI

Quadratic AI – The Spreadsheet with AI, Code, and Connections

  • AI-Powered Insights: Ask questions in plain English and get instant visualizations
  • Multi-Language Support: Seamlessly switch between Python, SQL, and JavaScript in one workspace
  • Zero Setup Required: Connect to databases or drag-and-drop files straight from your browser
  • Live Collaboration: Work together in real-time, no matter where your team is located
  • Beyond Formulas: Tackle complex analysis that traditional spreadsheets can't handle

Get started for free.

Watch The Demo πŸ“Šβœ¨

Top comments (1)

Collapse
 
melody_nwaogu_798c52c4ea6 profile image
Melody Kelly. N β€’

Great πŸ‘ŠπŸ‘Š

Image of Stellar post

How a Hackathon Project became a Web3 Startup πŸš€

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Watch the video

πŸ‘‹ Kindness is contagious

Dive into this insightful write-up, celebrated within the collaborative DEV Community. Developers at any stage are invited to contribute and elevate our shared skills.

A simple "thank you" can boost someone’s spiritsβ€”leave your kudos in the comments!

On DEV, exchanging ideas fuels progress and deepens our connections. If this post helped you, a brief note of thanks goes a long way.

Okay