Reactfolio: Boost your online presence with React
Step-by-Step guide from beginner to Pro
Development ,Web Development,ReactJS
Lectures -124
Resources -1
Duration -1.5 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
"Reactfolio: Boost your online presence with React" is a practical course that provides participants with the knowledge and skills they need to create impressive and engaging portfolio apps using the React framework.
In this course, I show you how to create a professional portfolio app. This is my real portfolio app that runs online, if you've ever visited my website. I explain how you can create a website like this to have your own brand and show the world your talent.
This is a practical course. In this course, I don't explain React, I implement the project from scratch and finish it in less than an hour. Once I'm done, you take control of the application and bring in your own brand.
That's the main goal of the course: to help you create your own website that you design to your liking by controlling the colors, layout, and every pixel of your online portfolio.
This is important for your online presence and your career. You need your own website to show the world your talent.
The course is well structured so that you have a clear understanding of what you will be developing, from the big picture to the individual components. This is also very useful for your coding practice as I teach you the architecture under the hood, among other things.
In this application, there is no connection to the backend because it is not necessary.
However, the application is built in such a modern way that we use a data layer that can easily be integrated into the backend in case you change your mind later.
This is also very useful if you want to expand your website. You simply add a new row in the data layer and it will be displayed on your website without you having to edit any files like CSS or HTML. For example, if you want to add a new project, certificate or something else.
In summary, you'll learn valuable professional and marketable production techniques and end up with your own product that you can publish to impress your clients and employers.
Join us on this transformative learning journey and unleash your creative potential with React!
Build your own brand and show the world your talent!
Have fun programming!

Curriculum
Check out the detailed breakdown of what’s inside the course
Chapter 1: Project Preview
5 Lectures
-
1.1 Pages 00:23 00:23
-
1.2 Preview (Mobile) 02:13 02:13
-
1.3 Preview (Desktop) 02:13 02:13
-
1.4 Your Own Brand
-
Source Code
Chapter 2: App Layout
3 Lectures

Chapter 3: Project Setup
7 Lectures

Chapter 4: Top Bar Component
5 Lectures

Chapter 5: Sidenav Data
2 Lectures

Chapter 6: Sidenav Component
6 Lectures

Chapter 7: Footer Component
5 Lectures

Chapter 8: Home Page
6 Lectures

Chapter 9: [Home] Promotion Component
5 Lectures

Chapter 10: [Home] Welcome Component
5 Lectures

Chapter 11: [Home] Badges Component
5 Lectures

Chapter 12: About Page
7 Lectures

Chapter 13: [About] Bio Component
5 Lectures

Chapter 14: Certificates Data
2 Lectures

Chapter 15: [About] Certificates Component
5 Lectures

Chapter 16: CV Page
6 Lectures

Chapter 17: Experiences Data
2 Lectures

Chapter 18: [CV] Experiences Component
5 Lectures

Chapter 19: [CV] Download CV Component
5 Lectures

Chapter 20: Projects Page
6 Lectures

Chapter 21: Project Gallery Data
2 Lectures

Chapter 22: [Projects] Project Gallery Component
5 Lectures

Chapter 23: Contact Page
7 Lectures

Chapter 24: [Contact] Location Map Component
5 Lectures

Chapter 25: [Contact] Contact Info Component
5 Lectures

Chapter 26: ScrollToTop
3 Lectures

Instructor Details

Abdelfattah Ragab
Abdelfattah Ragab is a highly skilled software developer with a passion for creating innovative and impactful solutions. With over 20 years of experience in the industry, Abdelfattah has honed his expertise in various programming languages and technologies, making him a versatile and adaptable professional.
Abdelfattah's journey into the world of software development began during his formative years when he discovered his fascination with computers and their limitless possibilities. Eager to turn his passion into a career, he pursued a degree in Computer Science, where he gained a solid foundation in programming principles and software engineering.
Course Certificate
Use your certificate to make a career change or to advance in your current career.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now