React Tailwind Egg House

Necessary dependencies

• npx create-react-app app-name
• npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
• npm install @craco/craco
• SOme configuration on package.json file
• craco.config.js setup
• tailwind.config.js creation and tweaking
• reac-router-dom installation

Initial Setup

1. Removing unnecessary files
2. Cleanup
3. Creating components,images,pages folder

Components

1. Navbar component
2. Hero component
3. Content component
4. Dropdown component
5. Footer component

Navbar Component

1. Navbar layout with responsiveness
2. Navbar style
3. Animation application
4. Toggle functionality

Hero component

1. Hero layout with style
2. Animated button

Content component

1. Content layout, style
2. Images rendering

Footer component

1. Footer layout, style
2. Images rendering

Pages (blah)

1. Creating home, about, menu pages
2. Setting up routes accordingly
3. Implementing some style

Dropdown component

1. Basic layout, style
2. Migrating routes
3. Toggle functionality