DEV Community

AjeaS
AjeaS

Posted on • Edited on

1 1

Self-documentation of Hire +Plus: V1 (3)

What I cover

  • Updates to project
  • Lint warnings for tailwindcss
  • Launch page

Update:

For CSS: I decided to switch to Tailwind CSS, I didn't want to spend too much time on custom CSS. Besides, it looks a lot better than what I can do lol. Therefore, I followed these instructions to add tailwind to my react project.

For routing: I got rid of nesting routes, it is not needed at the moment for my purposes. It's this now

index.tsx file

Lint warning with Tailwind

When importing the base tailwind CSS files in my index.css file
tailwind base css

I came across a lint warning of "unknownAtRules". With the help of this link, I was able to resolve it. I just had to ignore it in my vscode settings

Steps: Create a .vscode folder in root dir, inside create a settings.json file, lastly I added this
ignore lint warning

Launch page makeover

I redid the launch page with Tailwind. This is how it looks now
Launch page of hire +plus

I'm currently in the process of getting the sign-in and sign-up UI for employers and employees looking good. Stay tuned!

You can check out the code for recent changes.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (2)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Great progress love working with Tailwind CSS.

Collapse
 
ajeasmith profile image
AjeaS

Thanks! and me too, it's been a life saver

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay