React/Tailwind template with default responsive NavBar.

react/tailwind-template-with-default-responsive-navbar.

I was just annoyed with excluding App.test.js and all those default files that I would not use in my React project, and also I’ve never found a good navbar other than that free version of navbar from Tailwind UI website, which is not the best navbar I’ve got to see. Thinking of that, I created a template for any react project from scratch. I removed all unnecessary files, it’s just the essential to start creating.
You can see the live website following the link: React/Tailwind template with default responsive NavBar

Get started
To use this template is quite simple. You will do the same as you do with any React project you create, but you are going to add some parameters. Just move to your folder on your terminal and then execute the following line of code:
npx create-react-app my-project --template https://github.com/zaqueu-dev/react-tailwind-template

And there you go! You initiated a new project with the template. Just open it on VScode and be happy, straight forward to creating instead of deleting files first.

Look at how it looks:
Desktop:

Image description

Mobile:

Image description

Image description

Feel free to read the details about this template on my github: ReadMe for React/Tailwind template with default responsive NavBar

I hope you enjoy the template 🙂
If you have any idea on how to improve this default template, let me know by submitting an issue on the same github page: Tell me how it can be improved

Total
0
Shares
Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post
building-your-own-user-experience-and-software-stack:-this-week’s-product-news

Building your own user experience and software stack: This week’s product news

Next Post
renishaw-receives-industry-partner-award-at-davis-technical-college-foundation’s-annual-life-changer-luncheon

Renishaw Receives Industry Partner Award at Davis Technical College Foundation’s Annual Life-Changer Luncheon

Related Posts