Description

Explore Sanity Studio and see if it could be configured as the CMS and also explore the hosting options.

Other Information

• Pricing

Description

Long Project Description is not properly visible. No scroll bar is being shown.

Description

Currently, SEO component defaults to an image (old) of the home page.
I shall like a functionality where in I can define an SEO image for the post via the post frontmatter.

Description

Currently, Projects appear in random order on the Projects Page.

Fix it to make projects visible in a proper order based on a Custom Column.

Like this:
SELECT name, description, URL FROM projects ORDER BY createdAt DESC;
but, in GraphQL.

Description

Currently, the order in which the posts appear is uncertain.
Sort them by date with the most recent one at the top.

Suggested Changes

• Keep the shadow color the same on hover
• Decrease the opacity to 50%

Description

Certain Old Browsers are displaying Header Navigation at flex-start.

Proof

Hardware

Browser Used: Brave Web Browser
Operating System: Windows 10 Home

Suggested Changes

• Make the navbar sticky so it's always visible at the top of the page
• Add breadcrumbs so the user knows which page they're on even if they're scrolled all the way to the bottom

Description

The current Button Outline (state: hover) is a bit iffy. Change it to something better and see how to get rid of the thin black outline.

This website has good buttons.

Description

Routing in Gatsby JS is a bit weird. It has some boilerplate to it which makes it different from the way routing is handled in a pure React Application.

Apparently, a Route is created for every folder that exists in the pages directory.

Proof

Resources

• Routing | Gatsby

Description

Setup a CMS for blog and projects page.

Description

Fix the Button Shadow for Projects CTA on the Home Page.

• Make the box shadow small for the normal view.
• Replace Box shadow for Active State.

Description

The website does not have a Sitemap.

Other Information

• Gatsby Docs for adding a Sitemap

Description

When the website is viewed on an iPhone, the social links don't have any space leading to a very bad user experience.

Description

Implement a Custom Cursor.

Other Information

• Inspiration

Description

Use a serif font for large text blocks like: paragraphs in a blog article

Suggested Changes

• Change button text to be more descriptive
• Example text:
  • Website
  • Repo
  • Blog Post
  • Video
• Add more buttons per card
• If you have a repo and a live website for your project (i.e. talesFromMyFate), include two buttons on the card so the user can easily navigate to both

Description

Based on Feedback:

• Cursive font for the Intro paragraph is slightly hard to read
• 

Description

The current SEO Image is outdated. Change it reflect the new home page
and also setup a different image for the newly release blog page.

Description

Currently, there is a basic code block in a blog article.

Change it as follows:

• Adjust font size (Presently, it is too large for both phone and desktop)
• Add a header to display language used in the block

Description

Change Nikhil Seth in the <h1> to SNikhill.
Since SNikhill is my username for various places and also the name of my YouTube channel.

Description

Make the images inside a blog post responsive.

Current Behavior

• Image gets cut off when viewed on a phone.

Suggested Changes

Home

- I have been shaping the web professionally for 4 years. Learning with every problem I faced and constructing an attitude to be less wrong every day.
+ I have been shaping the web professionally for 4 years, learning with every problem I face and constructing an attitude to improve myself every day.

"Be less wrong" sounds strange.

- handcrafted by Yours truly
+ handcrafted by yours truly

You can capitalize the "h" in "handcrafted" if you want to, but it doesn't make sense to capitalize the "y" in "yours."

About

- I am Nikhil Seth, a.k.a SNikhill, a Software Engineer from Punjab, India, who loves to contribute to Open Source, tinker with Linux and read about Finance and Personal Development. I am also a Gastronome and, hence you may occasionally find me trying out something new to eat.
+ I am Nikhil Seth, a.k.a SNikhill, a Software Engineer from Punjab, India, who loves to contribute to open source, tinker with Linux, and read about finance and personal development. I am also a gastronome and, hence you'll occasionally find me trying a new dish.

- Presently, I am a Software Engineer at [AgUnity](https://www.agunity.com/) engineering solutions for the last mile farmers.
+ Presently, I am a Software Engineer at [AgUnity](https://www.agunity.com/), engineering solutions for the last mile farmers.

- I caught the programming bug early on in school and, soon, it turned into a hobby. Later I joined a school club where I crafted web applications enabling e-education along with a group of engineers passionate about learning like me.
+ I caught the programming bug early on in school and, soon joined a club full of like-minded engineers. All passionate learners, we crafted web applications that enable e-education.

- Over the past four years, I have crafted applications for FinTech and Education industry. I have gained enough sophistication to learn and practise deliberately to solve real-life problems and create applications as effectively as possible.
+ Over the past four years, I have crafted applications for the FinTech and Education industries. I have gained enough experience to solve real-life problems and create effective applications with practiced sophistication and deliberate learning in mind.

- I become better with every problem I face. Be it my team building, communication skills or programming knowledge I, am always learning.
+ I become better with every problem I face. Be it my team building, communication skills, or programming knowledge, I am continuously learning.

Projects

"Crafts that I was lucky to be a part of." --> This needs to be changed. You need to take ownership of your projects, not act grateful to be allowed to participate in them.

VCloud

- YouTube like Fullstack Application meant to run on a local network of smart boards for over 30 classrooms. Reshaping education by bringing education content directly to a classroom.
+ YouTube-like fullstack application meant to run on a local network of smart boards for over 30 classrooms. VCloud is reshaping education by bringing content directly to the classroom.

react-multi-step-hook

- An easy to use custom React Hook meant to power Multi-Step Forms, Sections and Sliders.
+ An easy-to-use custom React Hook meant to power multi-step forms, sections, and sliders.

equationsWithPython

- A modern, computational take at the ages-old method of plotting Physics Equations on a Graph Paper.
+ A modern, computational take on the age-old method of plotting physics equations on a graph paper.

Free Image Sharing

- A Free Image Sharing tool that I contributed towards (BackEnd) along with Jacob (noreply). Currently being used by significant number of reddit users.
+ A free image sharing tool to which I contributed towards the backend along with Jacob (noreply). It is currently being used by a significant number of Reddit users.

Remove "(BACK END)" from the title of the card. Also, you write "Jacob (noreply)" here—what does that mean?

talesFromMyFate

- My Previous Personal Website that I bootstrapped using GatsbyJS and TailwindCSS. Hosted Effortlessly on GatsbyJS Cloud.
+ My previous personal website that I bootstrapped using GatsbyJS and TailwindCSS. It is hosted on GatsbyJS Cloud.

GameYard

- A Dark Themed, Grid-Based Web Interface that shows how a Game Store website needs to have a "game" like cool vibe to the design. This project is a non-responsive layout I made. It is actually one of the very first stand-out layouts I made.
+ A dark-themed, grid-based web interface that shows how a game store website needs to have a gamified look to the design. Although it's non-responsive, this project is one of the first stand-out layouts I created.

Description

Configure and Set SEO for the Home Page and other Pages.

Resources

• SEO Guide

Update the ReadMe File to convey how this website and repository hold a special significance.

Description

The Projects Page needs to have a parallax effect to make it look much cooler.

Description

Use GitFlow workflow for a better version control experience.

Description

Add support for TypeScript and start rewriting parts in TypeScript + React.

• Add the code for the claw webring widget to the website's:
  • About Page
  • Individual Blog Page

Reference: https://github.com/whitep4nth3r/the-claw-webring-widget/blob/main/README.md

Description

Setup Prettier to be executed using a pre-commit hook to ensure that the code is properly formatted.

Other Information

• Example of a pre-commit hook (Husky)

Description

A 404 Page needs to be created and configured so that it is served when necessary.

Description

Reverse Button Gradient on Hover. With a subtle transition.

Suggested Changes

• Remove the underline from your contact links in the footer. The "@" symbol makes it look weird and the hover effect you have makes it obvious that it's a link.
• Don't break words. The font-family Satisfy is a bit difficult to read as it is so having breaking words in the text makes it that much more difficult to read at a glance.

Description

The og:image and twitter:image for the Website are outdated. They do not reflect the latest homepage design.

Image that is being shown:

Description

Currently, the external links in a blog post are not marked properly.

These external links need to have the following attributes:

• target: _blank
• rel:
  • no referer
  • no follow
  • no opener

Description

Lists in a blogpost are losing their
indentation.
They do not appear to be nested.

Description

When a blog post is shared, the correct title is not detected by social media platforms.
For some reason, the website title is being used.

Add robots.txt and set it up to link to the sitemap.

Description

Update the README file to include setup and building instructions.

Reason

I had to look at the code to see what environment variable I require.
I don't want to waste my time again so, writing the variables requires in the README file would be better.

Description

Create a Build File, Buy a domain name and Host the Website.
Add Meta Tag stating the canonical URL.

Description

Create a Design for the Projects Page.