shravanmeena / devhelpbox

We are creating this community so that other developers can get benefits of it. In this you can create some UI components with your fav language or library.

About Project

DevHelpBox is an MIT-licensed open source project with its ongoing development made possible entirely by the support of awesome contributors. DevHelpBox community is created so that other developers can get benefits from it. In this project, all developers contribute their designs. And all other developers use those designs to create their own projects and prototypes.

How to contribute

1. Make a Fork.
2. Clone the repository to your local desktop.
3. Select the folder(what you are creating)
4. Create new folder inside the selected folder and give it a name (It's necessary).
5. Make changes and Add to Staging here.
6. Commit changes [always write the message short and easy to understand (ideally 3 to 5 words).]
7. Push the changes so that Pull request will be generated.
8. Make PR.
9. Commits should be descriptive.

What To Contribute

You can design a

1. Sign up form .
2. Log in form.
3. Landing page.
4. Portfolio website.
5. Calculator.
6. Contact Form.
7. Basic Website.
8. Game

Technology used in this project

• HTML
• CSS
• JavaScript
• JQuery
• BootStrap
• React
• Angular

Thank you for your interest! All types of contributions are welcome.

Happy Coding!

Welcome Hackers

devhelpbox's Issues

Create Bootstrap Responsive Slider

Create a Responsive Bootstrap Slider

Strict instructions

• Please Select relevant Folder (Responsive Slider)
• make a new folder inside Responsive Slider
• Put all your files inside that folder

Feat: Create a Marvel Quiz Web App using react.js

Issue Title: feat: Add Marvel Quiz Web App

Issue Description

I propose to add a Marvel Quiz Web App to this repository. The web app will be built using React, Axios, and Tailwind CSS. This interactive quiz app will engage users with questions related to the Marvel universe, testing their knowledge about Marvel characters, stories, and more.

Project Details

• Technologies: React, Axios, Tailwind CSS

Additional Information

If there are any specific guidelines or requirements for contributing to the repository, please provide the necessary details to ensure a smooth integration of the project.

I'm enthusiastic about creating this Marvel Quiz Web App and would appreciate the opportunity to contribute it to the repository. Thank you for considering this addition.

Create Animation Card

Create A Animation Card

Instructions to CreateA Animation Card

• The design should be minimal
• It will be great if you put all the ScreenShots inside readme.md file(it's not necessary)

Strict instructions

• Please make a new folder
• Put all your files inside that folder
• And do not make changes in README.md create your separate README.md.

Note

• Create a readme.md file inside the folder you have created.
• Put your Email address or name inside readme.md.
• You can also provide other information about you in readme.md.

Read this before making your PR.

Create A Basic Website Design using HTML/CSS/JavaScript

Create A Basic Website Design

Instructions to create a website design

• There should be 4 pages Home, About, Contact us, FAQs
• The design should be minimal
• It will be great if you put all the screen shots inside readme.md file(it's not necessary)

Strict instructions

• Please make a new folder
• Put all your files inside that folder
• And do not make changes in README.md create your separate README.md.

Note

• Create a readme.md file inside the folder you have created.
• Put your Email address or name inside readme.md.
• You can also provide other information about you in readme.md.

Read this before making your PR.

Create A Responsive Calculator Design

Things to keep in mind

• Make sure it is responsive.
• Layout design should look good
• You can use any library you want
• Read README.md for instructions

Note - Only create designs using HTML, CSS or JavaScript do not need to code it's functionality.

Create A Log In Form

Create A Loginup Form Using HTML, CSS And Javascript.

Design a simple/complex game using HTML/CSS/JavaScript.

Design a game using HTML/CSS/JavaScript

Strict instructions

• Please make a new folder
• Put all your files inside that folder
• And do not make changes in README.md
• Only use HTML/CSS/JavaScript.

Note

• Create a readme.md file inside the folder you have created.
• Put your Email address or name inside readme.md.
• You can also provide other information about you in readme.md.

Create A SVG Animation With Text "DevHelpBox"

Create A SVG Animation With Text "DevHelpBox"

Instructions to Create A SVG Animation With Text "DevHelpBox"

• The design should be minimal
• It will be great if you put all the ScreenShots inside readme.md file(it's not necessary)

Strict instructions

• Please make a new folder
• Put all your files inside that folder
• And do not make changes in README.md create your separate README.md.

Note

• Create a readme.md file inside the folder you have created.
• Put your Email address or name inside readme.md.
• You can also provide other information about you in readme.md.

Read this before making your PR.

Create A Landing Page Design

Your designs should be static
You can use any library and framework you want

Single Page Site

You Can Create A Single Page Site(Portfolio)

Please read instruction

Make a folder in Portfolio Designs

Create A Signup Form

Create A Signup Form USing HTML5, CSS3 And Javascript

Create A Basic Website Design

Create A Basic Website Design

Strict instructions

• Please make a new folder
• Put all your files inside that folder
• And do not make changes in README.md

Note

• Create a readme.md file inside folder you have created.
• Put your Email address or name inside readme.md.
• You can also provide other information about you in readme.md.

Read this before making your PR.

WEB DEV UI COMPONENTS

"I'd like to integrate various web development UI components, including a menu bar, a homepage layout, and a variety of buttons."

Create A Portfolio Design

• Your designs should be static
• You can use any library and framework you want

Enhance Already Created Designs

• you can pick any design you want from the Repository and can make changes