DEV Community

Cover image for Hacktoberfest 2024 - Design2Code2Live: Join Us in Open Source Development!
Aravind Kumar Vemula
Aravind Kumar Vemula

Posted on

Hacktoberfest 2024 - Design2Code2Live: Join Us in Open Source Development!

Welcome Developers,

We are thrilled to invite you to participate in Hacktoberfest 2024 by contributing to our open-source project!

This year, I am maintaining a dedicated repository where you can select any web design and transform it into a live website using HTML, CSS, and JavaScript.

Last year was incredibly exciting, with over 20 developers contributing to the project, and we are eager to see even more participation this year!

Here is the repository link

GitHub logo lmas3009 / design2code2live

Convert the design to code to live. Below is the demo link

hacktoberfest

design2code2live

Welcome all developers to design2code2live.

Can you code? If i provide you a design.

Build the code from the design and push it to the repository. You can see your design live from https://aravindkumarv.xyz/design2code2live/{DesignName}

github link: https://github.com/lmas3009/design2code2live

Contribute through Hacktoberfest 2024

HACKTOBERFEST IS FOR EVERYONE. WHETHER IT’S YOUR FIRST TIME—OR YOUR NINTH—IT’S ALMOST TIME TO HACK OUT FOUR PRISTINE PULL/MERGE REQUESTS AND COMPLETE YOUR MISSION FOR OPEN SOURCE

Link 👉https://hacktoberfest.com/

JOIN THE DISCORD - https://discord.com/invite/RfMEVfVGJk and get notified when the event starts and information related to designs.

This year are giving away sticker packs for all the developers who contributes to design2code2live

sticker

Contribution Guidelines

  1. Select the respective issue

  2. Get assigned to the issue

  3. Fork the repository

  4. Create a new branch

git checkout -b {branchName}
  1. Create a new folder

  2. Add your source code and design image

  3. Commit your code

git commit -m {Design Name}
  1. Push your code
git push

In the issue section, you can request to work on a new design, create a pull request with your source code, and earn a Hacktoberfest-accepted tag.

2024 5-Designs (Multi-contribution) #246

Create a folder with the names below

Built it using HTML, CSS/Tailwind CSS, Javascript

Join https://discord.gg/C3PAvsmrKV for fast-updated

Optional: Make it Responsive

Select the design first!

Design 2024_01 image

Design 2024_02 image

Design 2024_03 image

Design 2024_04 image

Design 2024_05 image

We welcome developers of all skill levels who are enthusiastic about coding and ready to contribute to live websites.

Let’s make this year even better by increasing our contributions to the Design2Code2Live repository!

For updates and community interaction, feel free to join our Discord channel:https://discord.gg/C3PAvsmrKV

Thank you for your interest and contributions!

Top comments (1)

Collapse
 
promi_mojumder profile image
Promi Mojumder

You can read my blog on open-source contribution A to Z tutorial: stories-of-purnota-ne9b.vercel.app...
Image description