<div align = "center" id="top"> <a href="#top"> <div align="center">

<p>DevSphere - Open-Source Web Development Projects

</p>

<i><p>Welcome to DevSphere! This repository is designed for students and beginner developers to showcase their web development projects and collaborate with others. If you're new to open source, don’t worry! This guide will help you contribute in just a few simple steps.</p></i>

</div> <table align="center"> <thead align="center"> <tr border: 1px;> <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="20" height="20"> Stars</b></td> <td><b>🍴 Forks</b></td> <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Lady%20Beetle.png" width="20" height="20"> Issues</b></td> <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Check%20Mark%20Button.png" width="20" height="20"> Open PRs</b></td> <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Cross%20Mark.png" width="20" height="20"> Closed PRs</b></td> </tr> </thead> <tbody> <tr> <td><img alt="Stars" src="https://img.shields.io/github/stars/SOMNATH0904/DevSphere?style=flat&logo=github"/></td> <td><img alt="Forks" src="https://img.shields.io/github/forks/SOMNATH0904/DevSphere?style=flat&logo=github"/></td> <td><img alt="Issues" src="https://img.shields.io/github/issues/SOMNATH0904/DevSphere?style=flat&logo=github"/></td> <td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/SOMNATH0904/DevSphere?style=flat&logo=github"/></td> <td><img alt="Closed Pull Requests" src="https://img.shields.io/github/issues-pr-closed/SOMNATH0904/DevSphere?style=flat&color=critical&logo=github"/></td> </tr> </tbody> </table> </div>

Table of Contents

1. Featured In
2. Tech Stack
3. Get Started
4. Our Contributors
5. Stargazers
6. Forkers
7. Code of Conduct

<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Featured In

<table> <tr> <th>Event Logo</th> <th>Event Name</th> <th>Event Description</th> </tr> <tr> <td><img src="https://github.com/multiverseweb/Dataverse/blob/main/Documentation/images/SWOC.jpg" width="200" height="auto" loading="lazy" alt="SWOC"/></td> <td><a href="https://www.socialwinterofcode.com/">Social Winter of Code Season-5 (SWOC) </a>2024-2025</td> <td><p>Social Winter Of Code is the 2 month long open source program, with the aim to introduce more and more people to the world of Open source. In this program all the selected participants will get a chance to work on various exciting projects under the guidance of experienced Mentors.</p></td> </tr> </table>

<p style="font-family:var(--ff-philosopher);font-size:3rem;text-align:center;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/High%20Voltage.png" alt="High Voltage" width="40" height="40" />Tech Stack</p>

<a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML5"> <img src="https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white" alt="HTML5"> </a> <p>HTML5 structures the website's content, enabling modern multimedia support and semantic layout.</p><br> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"> <img src="https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black" alt="JavaScript"> </a> <p>JavaScript adds interactivity, making the site dynamic with features like form validation and real-time content updates.</p><br> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"> <img src="https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=black" alt="CSS3"> </a> <p>CSS3 styles the website, enhancing its appearance and ensuring an adaptive layout.</p><br>

<p style="font-size:3rem;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Get Started</p>

Setup and Installation

<p style="font-family:var(--ff-philosopher);">To contribute to the Devsphere repository, follow these steps:</p>

1. Fork the Repository: Click on the "Fork" button on the repository's GitHub page to create a copy of the repository in your GitHub account.

2. Clone the repository: Clone the forked repository to your local machine using the following command in your terminal.

   git clone https://github.com/<your-github-username>/DevSphere
   

3. Add a remote upstream:

   git remote add upstream https://github.com/original-owner-username/DevSphere
   

4. Create a new branch: Create a new branch for your changes. Run the following command in your terminal.

   git checkout -b <your-project-name>
   

5. Make the desired changes: Make your own changes to the source code OR Make your own project.

6. Add your changes: Add your changes to the staging area. Run the following command in your terminal.

   git add .
   

7. Commit your changes: Commit your changes with a meaningful commit message. Run the following command in your terminal.

   git commit -m "<your-commit-message>"
   

8. Push your changes: Push your changes to your forked repository. Run the following command in your terminal

   git push origin <your-project-name>
   

9. Create a Pull Request: Go to the GitHub page of your forked repository. You should see a prompt to create a pull request (PR). Click on it, compare the changes, and create the PR.

<br><br>

<h2 style="font-size:3rem;">Our Contributors<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /></h2>

<h3>Thank you for contributing to our repository</h3> <a href="https://github.com/SOMNATH0904/DevSphere/graphs/contributors"> <img src="https://contributors-img.web.app/image?repo=SOMNATH0904/DevSphere"/>

Stargazers

<div align='center'>

</div>

Forkers

<div align='center'>

</div>

Code of Conduct

We are committed to fostering a welcoming and inclusive environment for everyone. All contributors and participants are expected to uphold the following values:

• Be respectful of different viewpoints and experiences.
• Show empathy toward others.
• Use inclusive language.

<div align="center"> <a href="#top"> <img src="https://img.shields.io/badge/Back%20to%20Top-000000?style=for-the-badge&logo=github&logoColor=white" alt="Back to Top"> </a> </div> <center> <h3 style="font-size:2rem;"> If you find this project helpful, please consider giving it a star! <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="30" height="30"></p> </center>