Skip to content

joeybeninghove/freshbarks-tailwind-demo

Repository files navigation

Freshbarks - Tailwind Demo

This is just a quick demo of Tailwind where I rebuilt one of the FreshBooks pages as my process of actually learning how to use Tailwind. This is of course not an exact copy, but it's pretty close. I didn't bother changing the colors to match exactly and some of the spacing isn't exact either. I also didn't build the table at the bottom of the page. I did, however, make some improvements to the mobile view, so that'll look a little different from the real, live page.

mobile view normal view

Things to note

I did make a few tweaks to the tailwind.js config file to add a few extra widths and things, but other than that, it's a pretty standard config. Sorry I didn't commit the initial config so that you could see a diff of my changes, I was being lazy. :)

Steps to run

  1. git clone git@github.com:joeybeninghove/freshbarks-tailwind-demo.git
  2. bundle install
  3. yarn install
  4. bundle exec rails db:migrate
  5. bundle exec webpack
  6. bundle exec rails server

Then just visit http://localhost:3000 to view the page.

About

Tailwind demo using the FreshBooks Clients page as an example

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published