Skip to content
View cleancodecraft's full-sized avatar

Sponsoring

@esthersoftwaredev

Organizations

@Franktrax @HashnodeWithAngular @BuildWithAngular @WithAngular

Block or report cleancodecraft

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
cleancodecraft/profile/README.md

HashnodeNG

merge-animation

formerly known as - Angular Headless Hashnode

Discord Open Source Project

Overview

The HashnodeNG Project aims to seamlessly connect your Angular application to the Hashnode GraphQL database, providing a template for integrating Angular with a headless Hashnode setup.

In other words - this project is very much like the starter kit that Hashnode provides, except that this project uses Angular for the frontend

so you can use your Hashnode blog with Angular angular logo

Project Achievements and Goals

  • ✅ Develop a flexible template for Angular integration with headless Hashnode.
  • ✅ Connect the Angular app to Hashnode's GraphQL database to retrieve posts and blog data.
  • ✅ Support Angular v17 and up.
  • Responsive layout improvements for different devices

Existing Setup & Features

LIVE VERSIONS

angular headless hashnode dark angular headless hashnode light

You can see the live versions on the DEMO SITE

Angular App Versions

angular-v17 - has no UI libraries LIVE

angular-v17-AnguMAT - has Angular Material LIVE

angular-v17-PrimeNG - has PrimeNG LIVE

Contributing

Contributions of any kind are welcome!

Celebrate Your Achievements!

If you've added exciting features or functionalities that the project currently lacks, we'd love to see what you've accomplished. Share your contributions, suggestions, or improvements to help enhance the overall app experience. Your input plays a crucial role in making the application even better, and we're eager to see the innovative strides you've taken!

Pinned Loading

  1. angular angular Public

    🅰 Angular Blog Integration Template: Seamlessly connects to Hashnode's APIs, effortlessly fetching and integrating your blog data. Compatible with any Hashnode blog.

    TypeScript 9

  2. angular-material angular-material Public

    🅰 Angular Blog Integration Template including Angular Material: Seamlessly connects to Hashnode's APIs, effortlessly fetching and integrating your blog data. Compatible with any Hashnode blog.

    TypeScript 6

  3. angular-primeng angular-primeng Public

    🅰 Angular Blog Integration Template including PrimeNG: Seamlessly connects to Hashnode's APIs, effortlessly fetching and integrating your blog data. Compatible with any Hashnode blog.

    TypeScript 5