Skip to content

A developer's portfolio starter kit. Project for Hashnode APIs Hackathon 2024

License

Notifications You must be signed in to change notification settings

jyotishman123/Genesis

Repository files navigation

GENESIS : Developer's Portfolio Starter Kit

Genesis as the name suggests "The origin or coming into being of something" is no-fuss way of developing the Portfolio website using the API's sourced from Hashnode and Github.

Create your developer's Portfolio in minutes using the starter kit.

Just connect the API's & PAT [Personal Access Token] and get started.

For more detailed explanation read here at Hashnode

To replicate and spin up the repository in your system, do the following steps =>

  1. Clone the repository

    git clone git@github.com:jyotishman123/Hashnode-.git

  2. Install the dependencies

    npm install

  3. Run the server

    npm run dev

To populate the user's data in the web applications, follow the steps below =>

  1. Create a .env file in the root of the repository.
  2. Add the HASHNODE_TOKEN from Hashnode

    HASHNODE_TOKEN=************************

  3. Add the HASHNODE_URL

    HASHNODE_URL=https://gql.hashnode.com

  4. Navigate to helper/getAllBlogPost.ts and replace your hashnode blog address in publication

    publication(host: "webcentric.hashnode.dev")

  5. In helper/getPost.ts, replace username by your hashnode username

    user(username: "jyotishman421")

  6. In helper/getGithubApi.ts replace the Github username in the following functions : getGitubUserDetails, getUserGithubRepo, getUserFollowers, getUsersFollowing.

    example : https://api.github.com/users/jyotishman123 if your username is JohnDoe then the API would be https://api.github.com/users/JohnDoe

Feel free to raise an issue if you find any bugs or want to implement any interesting feature.

We'll look forward to it.