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.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

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

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

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

Okay