## Blogzen_Open-Source
[![Issues](https://img.shields.io/github/issues/piug-07/blogzen-OpenSource)](https://github.com/piug-07/blogzen-OpenSource/issues)
[![PRs](https://img.shields.io/github/issues-pr/piug-07/blogzen-OpenSource)](https://github.com/piug-07/blogzen-OpenSource/pulls)
[![Maintenance](https://img.shields.io/maintenance/yes/2024?color=green&logo=github)](https://github.com/piug-07/blogzen-OpenSource)
[![Forks](https://img.shields.io/github/forks/piug-07/blogzen-OpenSource?style=social)](https://github.com/piug-07/blogzen-OpenSource)
[![Stars](https://img.shields.io/github/stars/piug-07/blogzen-OpenSource?style=social)](https://github.com/piug-07/blogzen-OpenSource)
[![Watchers](https://img.shields.io/github/watchers/piug-07/blogzen-OpenSource?style=social)](https://github.com/piug-07/blogzen-OpenSource)
An Open-Source Project & collection of resources categorised by tech domains, languages, expertise and much more. Blogzen gives you a quick access to all the resources that you could need at a single place, within a click!
## Technology Stack used:
- **Frontend**: HTML5, CSS3, JavaScript
- **IDE**: VS Code
- **Version Control**: Git and GitHub
## Our Contributors !! ✨
### Thanks to these wonderful people: ✨
## Get Started
### Demo
🎥
#### Website for this repository : [Blogzen Live Link](https://main--blogzen-opensource.netlify.app)
#### Figma Link of this repository : [Blogzen](https://www.figma.com/file/lTsgJbWw8MRxWLa3c0PwWh/Blog-Project?type=design&node-id=0%3A1&t=9fkc7cb59hN4TlHW-1)
### Steps for Contributing
Frontend
- Fork and clone the Repo by typing the following commands in the terminal
```
$ git clone https://github.com/
/blogzen.git
$ cd blogzen
```
- Now to add your resource to website, add an object with keys same as listed in existing objects in the file.
- Save and commit your code.
- Push to your fork of the repository , navigate to original repository and make a pull request.
[![fork.png](https://i.postimg.cc/xTPqkF38/fork.png)](https://postimg.cc/BXXJkpyf)
[![clone-git-Bash.png](https://i.postimg.cc/kgcbtDw8/clone-git-Bash.png)](https://postimg.cc/CRR13h3L)
- Make changes to the code(for ex- add an update route)
- Stage your changes using:
```
$ git add .
```
- Commit your changes using:
```
$ git commit -m "add any comment"
```
- Push the changes to the forked repository using:
```
$ git push
```
- Navigate to the original repository and make a pull request
```
Showing Your Remotes
$ git remote
$ git remote -v
```
Adding Remote Repositories
```
git remote add upstream https://github.com/piug-07/blogzen.git
```
Pulling from Your Remote
```
$ git pull upstream main
```
## Design
- The Prospective design of this project is here [Blogzen - Flutter](https://www.figma.com/file/lTsgJbWw8MRxWLa3c0PwWh/Blog-Project?type=design&node-id=0%3A1&t=9fkc7cb59hN4TlHW-1)
## Resources
- **Git and Github**: [Git and Github for Beginners](https://www.youtube.com/watch?v=RGOj5yH7evk)
- **Frontend**: [Frontend development for Beginners](https://www.youtube.com/playlist?list=PL9ooVrP1hQOH2k1SANK5rvq_EAgUKTPoK)
#### Happy?? Star ⭐ this Repo. 🤩
[![ForTheBadge uses-git](http://ForTheBadge.com/images/badges/uses-git.svg)](https://github.com/piug-07/blogzen-OpenSource)
[![ForTheBadge uses-html](http://ForTheBadge.com/images/badges/uses-html.svg)](https://github.com/piug-07/blogzen-OpenSource)
[![ForTheBadge uses-css](http://ForTheBadge.com/images/badges/uses-css.svg)](https://github.com/piug-07/blogzen-OpenSource)
[![ForTheBadge uses-js](http://ForTheBadge.com/images/badges/uses-js.svg)](https://github.com/piug-07/blogzen-OpenSource)
> Made By Piyush with ❤️
## License
Licensed under the [MIT license](LICENSE).