Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Web 3.0 Portfolio – ReactJs, Spline 3D & Framer Motions

Personal Portfolio with Custom Framer motion Animation effects & 3d Spline designs
(1 reviews)
14 students
Created by


CourseMarks Score®







Platform: Udemy
Video: 1h 49m
Language: English
Next start: On Demand

Top React courses:

Detailed Analysis

CourseMarks Score®

8.1 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

9.9 / 10
This course was last updated on 3/2022.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

6.4 / 10
We analyzed factors such as the rating (3.5/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

7.4 / 10
Video Score: 7.8 / 10
The course includes 1h 49m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.0 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 5.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
0 resource.
0 exercise.
0 test.

Table of contents


I will show you how simple it is to create a full stack, PORTFOLIO using React, Firebase & Material-UI… ?
Course Module:
1. Project Overview – Setup & Configurations
2. Styling Home Component
3. Styling Services, About, Clients – Components
4. Styling Projects, Contact, Footer – Components
5. Animating the components using GSAP & Scrollreveal
6. Storing data in Firebase Realtime Cloud Database
7. Deploying Project in Cloud

What is Firebase ?
Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

What is React?
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

What is spline in design?
Spline, a 3D design tool, was launched towards the end of 2020. As you probably know, it’s not your typical 3D environment like Blender, 3D Max, or Cinema 4D. For instance, it doesn’t allow you to edit meshes. You could say Spline is more like three. js editor, but unlike this tool, Spline is codeless.

What is Framer Motion?
Framer Motion is a new open source, production-ready motion library for React on the web.

What is Framer used for?
Framer is primarily a design and prototyping tool. It allows you to design interactive prototypes of websites and applications using production components and real data.

You will learn

✓ How to create modern UI using React Js
✓ learn how to use 3D Spline designs?
✓ Learn how to use Framer Motion Animations in your websites
✓ Learn how build a modern UI and deploy it into firebase freely


• Need some programming knowledge about core fundamentals

This course is for

• Students who are willing to start their carrier as UI developer

How much does the Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions course cost? Is it worth it?

The course costs $14.99. And currently there is a 25% discount on the original price of the course, which was $24.99. So you save $10 if you enroll the course now.

Does the Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions course have a money back guarantee or refund policy?

YES, Web 3.0 Portfolio – ReactJs, Spline 3D & Framer Motions has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions course, but there is a $10 discount from the original price ($24.99). So the current price is just $14.99.

Who is the instructor? Is Vetrivel Ravi a SCAM or a TRUSTED instructor?

Vetrivel Ravi has created 8 courses that got 5 reviews which are generally positive. Vetrivel Ravi has taught 92 students and received a 2.9 average review out of 5 reviews. Depending on the information available, Vetrivel Ravi is a TRUSTED instructor.
Full Stack Developer
Hi, my name is Vetrivel Ravi, I am a Full Stack Developer and the founder of CodeWithVetri, Working as Full Stack Developer in Qatar. Having 5+ years of experience id Training & as well in  Development.

My primary focus is on building Front End Web Applications, REST APIS’s Integrations. My skill set include languages like JavaScript, Python, JAVA along with frameworks like Node Js, Django, AngularJs.

do this because I love helping businesses showcase their full potential to the customer through software solutions, may that be a website and anything else. Also, I just love the process of software development, whereby you can take something from an idea to a real product that many can use.


CourseMarks Score®







Platform: Udemy
Video: 1h 49m
Language: English
Next start: On Demand

Students are also interested in

Review widget (for course creators):

Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions rating
Code for the widget (just copy and paste it to your site):
<a href="https://coursemarks.com/course/web-3-0-portfolio-reactjs-spline-3d-framer-motions/" target="_blank" title="Web 3.0 Portfolio – ReactJs, Spline 3D & Framer Motions on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/cmrated.svg" width="200px" alt="Web 3.0 Portfolio – ReactJs, Spline 3D & Framer Motions rating"/></a>