Introduction TO React JS: 🙋‍♂️

Overview

Introducing GitHash - a powerful open-source web application that seamlessly converts your GitHub commits into engaging Hashnode articles. GitHash goes beyond GitHub actions; it's a complete web application with a user-friendly UI dashboard, giving you control over configurations and updates to uniquely showcase your work.

Project Introduction 🙋‍♂️

GitHash, licensed under MIT, utilizes GitHub actions and the GitHub API to effortlessly publish articles on Hashnode. Share detailed insights into your latest GitHub commits, highlighting changes, file modifications, and showcasing code modifications.

Features ⚙

Automatic Article Generation: GitHash converts your latest commits into engaging Hashnode articles.
Configurable Markdown: Customize and publish your markdown structure (markdown.md) after each repository push.
Skip Publishing Option: Use the commit message "avoid publish" to skip article publishing while pushing code to the repository.
Custom Markdown: Include a markdown[.]md file in the root of the repository and add the phrase "my md" in the commit message to publish your custom markdown.
Dashboard: Track publishing processes, manage Hashnode credentials, view tracked repositories, and access published blog posts.

Demo 💻

Explore the GitHash website with features like authentication, adding personal access tokens, tracking repositories, and viewing published blog posts.

How to Use 🔁

Login: Authenticate via Google account.
Add GitHash Token: Include the GitHash token (generated by the application) in the repository secrets labeled as Githash_API_TOKEN.
Add Hashnode Credentials: Connect GitHash with Hashnode by adding the publication ID and Personal Access Token.
Workflow Setup: Add the provided YAML script to the repository actions.
Push Changes: Test the application functionality by making changes to your codebase, adding a commit message, and pushing changes to the repository.

Tech Stack 👩‍💻

Frontend: React JS
Backend: Express JS
Database: MongoDB Atlas
Summary Generation: Mindsdb
APIs: GitHub API, Hashnode GraphQL API

What I Learned 💡

Efficient use of GraphQL API for queries and mutations.
Proficiency in GitHub Actions for workflow automation.
Flexibility and capabilities of GitHub API.

Important Links 🔗

Acknowledgments 🙌

Thanks to the community on Discord, especially Favourite Jome, for the amazing support during the hackathon.

Connect with Me 🐦

Follow me on Twitter for updates and discussions.

React JS intro - my md (project-one )

My latest Commit : React JS intro - my md