Reactfolio: Boost your online presence with React
Step-by-Step guide from beginner to Pro
React,React JS,Responsive Design,Portfolios
Lectures -124
Resources -1
Duration -1.5 hours
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
eCourse 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 nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now