nawaCode
Welcome to my channel nawaCode! 🎉
Explore the world of modern web development with me! Whether you're an experienced developer or just starting, you'll find valuable content here to enhance your skills.
On this channel, I focus on:
🌟 React: Master the leading JavaScript library for building user interfaces.
🔷 TypeScript: Boost your JavaScript with type safety and enhanced tooling.
🎨 Tailwind CSS: Quickly style your web applications with a utility-first CSS framework.
🎥 Framer Motion: Create stunning animations and interactive experiences.
🔧 Other Tech: Discover additional tools and technologies that improve web development.
Join me for tutorials, live coding sessions, project walkthroughs, and tips to build beautiful, responsive, and dynamic web applications. Subscribe and hit the bell icon to stay updated with my latest videos!
Let's build something amazing together! 🚀
React Responsive 3D Scroll Animation using React Three Fiber and Motion
3D Animation in React using React Three Fiber (R3F) - Mouse Interaction Animation
Build a typing App just like Typeracer using React - Best project to Learn State Management Zustand.
Parallax Scroll Animation using React, Typescript, Framer-Motion and Tailwind
Sliding Animation of Navigation Menu Indicator | Using React, React Scroll and Framer-motion
React Page Transition Animation using Framer-motion | Route Change Animation
Scroll Animation in React Using Framer Motion
Creating Dynamic Shadow Effects with Mouse Tracking | Style Elements Relative to Mouse Position
Framer motion scroll animation - stacking and replacing previous card section
React: Build a Custom Hook to Track Screen Dimensions on Resize.
Add Custom Styles to Tailwind
React - How to create FAQs accordion? Simple concept with useState hook.
How to add image to the React? Best methods
Built a React Image Slider from Scratch with TailwindCSS & Typescript - Create logical Hook
Learn React - Create a Footer Component - Tailwindcss - Typescript
React for beginners - How to create two column website section - Tailwindcss
React for beginners - Home Page - Hero Section - Tailwindcss
React for beginners - Advance Typescript - Conditional types - Create reusable React components
React for beginners - Framer Motion - Hamburger icon animation - Stagger animation of nav link.
React for beginners - How to create responsive Navbar in React - using Tailwind
React for beginners - Create reusable components - Container Components and Center Components.
React for beginners - Setup React project - Add tailwind, google fonts to React - React router