Revamped GitHub Jobs Website Using Design From Frontend Mentor

Full-Stack Developer, Entrepreneur and Co-Founder of Coderplex.
Building https://coderplex.in
Checkout my portfolio at https://bhanuteja.dev
Search for a command to run...

Full-Stack Developer, Entrepreneur and Co-Founder of Coderplex.
Building https://coderplex.in
Checkout my portfolio at https://bhanuteja.dev
Awesome post @pbteja1998!
I have a question about Frontend Mentor, do you recommend it for people who have only basic experience with CSS?
@miguendes
Yes, absolutely. When I started doing challenges from Frontend Mentor, I only know very basic css. I have improved a lot by working on the challenges from Frontend Mentor. They have challenges with varying difficulty. I started doing the least difficult challenges first to get confidence.
Here are the challenges that I did so far. You can see that many of them are very basic for a person with good grasp on css.
https://frontend-mentor.bhanuteja.dev
They even have an amazing slack community to get help from if you are stuck.
Bhanu Teja Pachipulusu nice, I'll take a look. I really suck at CSS and would like to learn enough to make simple design.
In this series, I will showcase some of the web development projects and challenges that I do every week.
Authored in connection with the Write With Fauna program. Table of Contents Authentication Setting up Fauna in Next.js Installing Fauna Setting up Migrations Tool Authentication and Authorization in Fauna Next.js Serverless Function Setup for Fa...
Authored in connection with the Write With Fauna program. Table of Contents Authentication Setting up Fauna in Next.js Installing Fauna Setting up Migrations Tool Authentication and Authorization in Fauna Next.js Serverless Function Setup for Fa...

I wanted to start blogging in Aug of 2020. I decided to use @hashnode for my blog. It was the best decision that I made. I wrote 27 technical articles so far. Most of them are about frontend web development. A thread ๐งต about each of these articles i...

Next.js has become my go-to framework for almost every project that I make. So, I made a starter template that I can just use and get started easily. In this article, I will show you how to use the starter template that I made and deploy it with Verc...

In this article, I will list out all the git commands that I use very frequently. This is not in any way a complete list, just the commands that I use very often. This is intended to be used as a quick reference to perform an action that you want. ...

In this article, we will see the order in which different useEffect callbacks and cleanups happen. We will also see how it differs when the app mounts, unmounts, updates. This image is taken from https://github.com/donavon/hook-flow. I took the ex...

Bhanu Teja Pachipulusu's blog
29 posts
Developer, Indie Maker and Blogger. Currently building MDX.one
Checkout my portfolio
Welcome to another project showcase. This time, I will be showing the GitHub Jobs project that I did very recently. The design is from FrontendMentor.Io. The website is available at jobs.bhanuteja.dev.
Let's start with some visuals of how the website looks like.











This website is made with Next.js, Tailwind CSS and React Query
Implementing this one was straight-forward. GitHub API itself supports the option to pass the filters as params, it then returns the filtered data.
useMutation hook to do this. Load More button, a mutation is triggered to fetch the jobs from the next page.I used Tailwind CSS animations utilities to show the loading skeleton.
I made the source code for this project open source. You can take a look at it.
Tell me in the comments if you like me to dig deep into any of the things that I discussed in this article. I will be happy to do so.
Here is the repo ๐ pbteja1998/github-jobs-api
The next article will be part of the My Review of Kent C. Dodds's EpicReact.Dev series. It will be the fifth article in the series. To know more, go to the link below.
You might also like the following articles that I wrote:
If this was helpful to you, Please Like and Share so that it reaches others as well. To get email notifications on my latest articles, please subscribe to my blog by hitting the Subscribe button at the top of the page. You can also follow me on Twitter @pbteja1998.