BabyDragon003 / buyBonk-site

React JS & Tailwind CSS Responsive Website - Beginner Friendly

• Tutorial URL: https://www.youtube.com/watch?v=ZU-drSVodBw
• Tutorial description: Follow along and build this React JS & Tailwind CSS 100% mobile responsive website from scratch. We will install and use Tailwind CSS in a “Create-React-App” application. Use a really cool react package “React-Typed” for some text animation in the Hero component. UseState hook to toggle the mobile side drawer menu. Import “React-Icons” dependency for social icons.

---

Software versions

Problems in the project:

1. Couldn't get pricing tiers to scale upon hover I wrote the wrong syntax for hover scale setting in Tailwind CSS incorrect:

      class="hover:scale(105)"
   

   correct:

       class="hover:scale-105"
   

How to use

1. clone / download
2. npm install
3. yarn start

Photos of project:

Apps used:

1. Visual Studio Code or (coder slang: VS Code)
2. Google Chrome: https://www.google.com/chrome/dr/download/
3. GitHub CLI: https://cli.github.com/

Coding styles I used:

buy-bonk-site-main.vercel.app ProjectID: 823cefd95a0f9931c46b28bda3bcfb54

What I learned

1. Learned how the Typed component of the react-typed module works to create the typing animation effect. Instead of writing one from scratch there's a component for it.