DEV Community

Km-js
Km-js

Posted on

1

30 Creative Projects created with HTML, CSS and JavaScript - Part 1 #30days30projects

What an incredible 30-day journey it has been!

As part of the GreatStack 30Days30Projects Challenge, I built projects exclusively using HTML, CSS, and JavaScript. This experience pushed my creativity and skills, proving that with dedication, you can achieve amazing things with code in just a month.

Excited to share the results of this adventure with you all!


1. Weatherly 🌦

You can check the weather conditions, temperature, humidity, and wind speed just by entering the city name. 🌍

Github Repo

weather app image

2. Task Buddy πŸ“

It's all about keeping tasks organized and productivity high.πŸ‘†

Github Repo

Task Buddy image

3. Pocket Cal πŸ“…

A handy digital calendar made with JavaScript.

Github Repo

Pocket Cal Image

4. PassGenius πŸ”

Your Personal Password Wizard.

Github Repo

Pass Genius Image

5. PopUp ✨

Click the submit button, and voila! A smoothly transitioned popup emerges.

Github Repo

PopUp

6. Pixel Clock ⏰

It's not just any digital clock; it's a pixel-perfect timepiece!

Github Repo

Clock

7. Quizzy 🧠

The ultimate blend of learning and fun!

Github Repo

quiz

8. Toggle Password πŸ”’πŸ‘

Switch between hidden and revealed passwords.

Github Repo

Toggle Password

9. Product Showcase Project πŸ›’

Presenting products in a captivating way

Github Repo

IProduct Showcase

Heroku

Deploy with ease. Manage efficiently. Scale faster.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

ACI image

ACI.dev: Best Open-Source Composio Alternative (AI Agent Tooling)

100% open-source tool-use platform (backend, dev portal, integration library, SDK/MCP) that connects your AI agents to 600+ tools with multi-tenant auth, granular permissions, and access through direct function calling or a unified MCP server.

Star our GitHub!

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, cherished by the supportive DEV Community. Coders of every background are encouraged to bring their perspectives and bolster our collective wisdom.

A sincere β€œthank you” often brightens someone’s dayβ€”share yours in the comments below!

On DEV, the act of sharing knowledge eases our journey and forges stronger community ties. Found value in this? A quick thank-you to the author can make a world of difference.

Okay