manishak798 / dive-to-dev_hacktoberfest23

Dive into development with 'Dive to Dev' – your go-to open-source hub for sharing and collaborating on web dev and software projects during Hacktoberfest 2023. Join the coding wave now! 🚀Hacktoberfest 2023

Dive-to-Dev_Hacktoberfest23 👩🏻‍💻 🙌🏻

Dive into development with 'Dive to Dev' – your go-to open-source hub that is beginner-friendly, for sharing and collaborating on web dev and software projects during Hacktoberfest 2023. Join the coding wave now! 🚀Hacktoberfest 2023

Dive to Dev - Hacktoberfest 2023 💻 🤩

Welcome to Dive to Dev – Hacktoberfest 2023 Edition! 🚀

About ⚡️

Dive to Dev is an open-source repository created to celebrate Hacktoberfest 2023 and promote collaboration among developers of all levels. Whether you're a seasoned developer looking to share your projects or a beginner eager to dive into open source, this repository is the perfect place to get started! Make sure you star this repository ⭐⭐⭐⭐⭐

Project Screenshot 📸

How to Contribute 🤝🏻

Contributing is easy:

1. Fork this repository: Click the "Fork" button at the top right of this page to create your copy of the repository.

2. Clone your fork: Clone your forked repository to your local machine using git clone.

3. Create a new branch: Create a new branch for your contributions.

4. Add your project: Add your web development project or any development project you'd like to share to the appropriate directory. Be sure to check the Contributing.md file before making your contribution.

5. Commit your changes: Commit your changes with a clear and concise message.

6. Push your changes: Push your changes to your forked repository on GitHub.

7. Create a Pull Request (PR): Create a Pull Request to the main branch of the main repository. In your PR, please describe your project and why it's incredible.

8. Celebrate: Your project is now part of the Dive to Dev community! 🎉

What We're Looking For 👀

• Web Development Projects: Whether it's a personal website, a web app, or a cool front-end experiment, we'd love to see your web development creations.

• Development Projects: If you've built something cool with code, be it a mobile app, a desktop application, or anything in between, share it here.

Hacktoberfest 2023 🎊

By contributing to Dive to Dev during Hacktoberfest 2023, you'll be part of a global celebration of open source and earn some awesome Hacktoberfest swag.

Code of Conduct 🤝🏻

To ensure a safe and inclusive environment for all contributors, please review and adhere to our Code of Conduct.

Code Review ✅

A maintainer will review your PR, provide feedback, and may request changes. Please be responsive to any comments or feedback during the review process.

Contribution Guidelines 📃

• Ensure that your code is well-documented, and add comments as necessary.
• Follow the project's coding style and conventions.
• Do not include any unnecessary or unrelated changes in your PR.
• Be respectful and considerate when participating in discussions and addressing feedback.

Questions and Support ❓🙋🏻‍♀️🙋🏻‍♂️

If you have questions or need assistance, feel free to open an issue. We're here to help you succeed in your open-source journey.

Join the Dive to Dev Community 🤝🏻

Let's celebrate Hacktoberfest 2023 together! Share your projects, learn from others, and be part of the thriving Dive to Dev community. Happy coding! 🌟

Get started now

dive-to-dev_hacktoberfest23's Issues

Add a functional Music Player

Issue Title: Add a functional Music Player

Issue Description:

I propose to contribute a new project called Marvel Music Player to this repository.

Project Details:

• Name: Marvel Music Player
• Technologies: HTML, CSS, JavaScript

Additional Information (if available):

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

I am enthusiastic about working on this project and look forward to your guidance and feedback. Thank you for considering this addition to the repository.

Have to improve the responsiveness of the site

At the breakpoint of 1006pxX672px the site layout is not structured well.

• To Reproduce*
  Steps to reproduce the behavior:

1. Go to 'Inspect'
2. Check the responsiveness
3. See error
   

Desktop:

• Windows 11th Gen .
• Browser [chrome]
• Version 117.0.5938.149

Additional context
Would like to improve the design of the site if permitted.

add logo's color

@Manishak798 I would like to add color to logo.
So can you please assign me this issue under Hacktoberfest2023?

Add border radius and shadow/border to differenciate between border and background.

The background and the cards seem to blend in, it would be nice if we add a border or shadow to make the cards pop out. It would also look cool if the cards have a rounded border.

footer + contact form

@Manishak798 I would like to add a footer with the contact form and social media logo.
So can you please assign me this issue under Hacktoberfest2023?

improve CSS of navbar and body

@Manishak798 I would like to add CSS for body and navbar
So can you please assign me this issue under Hacktoberfest2023?

Image of youtube clone and google search engine clone is not reflecting.

please assign me this issue and label it with hacktoberfest .
I will raise up my PR asap.

Align the buttom row for the site on desktop view

Describe the bug
The website is okay on mobile view, but whenever I'm on desktop view, the bottom row is not straight

To Reproduce
Steps to reproduce the behavior:

1. Go to the website
2. Use a desktop or change to desktop view
3. Scroll down to the last row
4. See error

Expected behavior
The last row wouldn't be aligned

QR CODE generator.

@Manishak798 I would like to add a Scannable QR CODE generator.
So can you please assign me this issue under Hacktoberfest2023?

calander

@Manishak798 I would like to add a calendar.
So can you please assign me this issue under Hacktoberfest2023?

Add a Icon for Dive to dev.

there must be icon in the navbar which makes it more impressive.

like this:

please assign me this issue and label it with hacktoberfest.
I will raise up my PR asap.

Open "Projects" Link in a New Tab

Issue Description:

I've noticed that when clicking on the "Projects Link" link in the website card section, it currently opens in the same tab. To improve user experience and navigation, I suggest modifying this behavior to make the "Projects" link open in a new tab.

This Repo has been Excluded from Hacktoberfest 2023

Unfortunately this repo has been excluded from Hacktoberfest 2023. Pull/merge requests for this repo are not currently counting towards Hacktoberfest 2023 contributions. Maybe there is a way to contact the organizers and have this repo become included again?

Bottom To Top button in the website

Hey, @Manishak798 I would like to add a button that scrolls from the bottom to the top of the page on click, to make the UX better. So can you please assign me this issue under Hacktoberfest2023?

Repository excluded from hacktoberfest23?

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

bug: twitter logo not updated to X

Describe the bug
Twitter icon is not updated in the footer.

To Reproduce
Steps to reproduce the behavior:

1. Go to the website
2. Scroll down to the footer
3. See the icon of twitter

Expected behavior
The latest logo of twitter (X) should be displayed instead of the bird logo.

Screenshots

Additional context
I would like to resolve this issue for hacktoberfest-2023, please assign me this!

nj

Adding Web Developement Project

I want to add my project to dive to Dev.

The page isn't mobile responsive

Describe the bug
The page go has more with size than a mobile phone

Expected behavior
A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• OS: [e.g. Android]
• Browser [e.g. chrome]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. Tecno Pova Neo]
• OS: [e.g. Android 11]
• Browser [e.g. chrome]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Card UI

The card/ project can be improved by adding hover effect on card.

Solution:
When we Hover on card the border colour should change and little bit zoom of card it will look good.

Contribute a project

Hi, Can I contribute by adding my hacktoberfest project as a part of your?

If it's ok I will work on it.

Thank you.

I want to add BackgroundColor Changer Project in Repository

I have one simple project made using html , css and javascript which is Like you have on button in page which changes color of whole page so , I want to add this in your repository