Tailwind CSS Agency Website with React and Framer Motion

Focused View

Djumali Osmani

6:44:54

122 View

1. Showcase, Completed Code and Images

1. Project Showcase.mp4

01:58

2.1 udemyAgencyCourse-main.zip

2. The Completed Website and The Source Code.html

3. Creating the React App, Routes and Dependencies.mp4

15:11

4. Download The Images.mp4

02:25

2. Navbar

1. Navbar part1.mp4

28:49

2. Navbar part2.mp4

19:33

3. Hero Section

1. Hero Section part1.mp4

20:47

2. Hero Section part2.mp4

09:54

4. Features Section

1. Features Section part1.mp4

19:40

2. Features Section part2.mp4

24:43

5. Prices Section

1. Prices Section part1.mp4

24:38

2. Prices Section part2.mp4

26:30

6. Call to Action

1. Call to Action part1.mp4

13:02

2. Call to Action part2.mp4

10:35

7. Review Section

1. Review Section part1.mp4

14:49

2. Review Section part2.mp4

19:27

8. Footer Component

1. Footer Component part1.mp4

19:51

2. Footer Component part2.mp4

16:06

9. About Page

1. About Page part1.mp4

36:51

2. About Page part2.mp4

23:37

3. About Page part3.mp4

07:55

10. Services Page

1. Services Page part1.mp4

21:16

11. Contact Page

1. Contact Page part1.mp4

20:16

12. Deploying the Website

1. Deploymnent to Netlify.mp4

07:01

Description

Tailwind CSS and React Project

What You'll Learn?

Learn Tailwind CSS and become a Pro with it
Use React Hooks and Reference to implement amazing functionality to your Websites
Have a good knowledge of Framer Motion and Create Stunning Animations
Learn how to Implement Boiler Plate elements and customize them
Learn how to deploy any website for free on Netlify

Who is this for?

Beginner Front End Developers with Tailwind CSS and React

What You Need to Know?

Some Knowledge of React is good but not required

More details

Description
This is a fun React frontend agency website project that will teach you how to create custom components and elements with Tailwind CSS and cool animations with framer motion, also you will learn how to use boilerplate components and sections from tailgrids and mamba UI and customize them to make them unique for your websites and save a lot of time developing your website, also wee are gonna use react icons and customise them to make them unique too and fit in with our website, wee also gonna use react hooks and references to trigger the animations on page when wee are scrolling in the particular section, also the page is going to be fully responsive meaning it is gonna look beautiful on mobile and also on desktop devices and you will learn how to use media queries with tailwind CSS and make stunning and responsive websites for your clients with cool animations and a design that features a nice flowing color palette matched with amazing images and sections that are unique and custom coded,Â and then in the end of the course wee are gonna deploy the website on Netlify and you will have a completed multi-page website to show on your portfolio.
Who this course is for:
Beginner Front End Developers with Tailwind CSS and React

User Reviews

Rating

average 0

Total votes0

Focused display

Hello, my name is Djumali, and I'm a MERN Stack Web Development Instructor. I'm a self-taught programer and my goal is to teach the best and most reliable way to learn coding and how to remember the technologies that are present. Im from Switzerland and I love to code and the outdoors.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.