Personal Website with React
151 videos • 3,840 views • by Çelik Köseoğlu
1
Personal Website with React - Inlining Footer Icons
Çelik Köseoğlu
Download
2
Personal Website with React - Finishing the Footer
Çelik Köseoğlu
Download
3
Personal Website with React - Project Cards
Çelik Köseoğlu
Download
4
Personal Website with React - Section Titles and Margins
Çelik Köseoğlu
Download
5
Personal Website with React - Navbar Expand and Collapse
Çelik Köseoğlu
Download
6
Personal Website with React - Navbar Link Colors and Item Component
Çelik Köseoğlu
Download
7
Personal Website with React - Page Scroll Navbar and Section Highlights
Çelik Köseoğlu
Download
8
Personal Website with React - Navbar Height, Interactive Resume Link and Optimisation
Çelik Köseoğlu
Download
9
Personal Website with React - Migrating to React Bootstrap Navbar
Çelik Köseoğlu
Download
10
Personal Website with React - Migrating to React Bootstrap Navbar
Çelik Köseoğlu
Download
11
Personal Website with React - Navbar Colors and Custom Fonts and Mobile Support
Çelik Köseoğlu
Download
12
Personal Website with React - Navbar Colors and Custom Fonts and Mobile Support
Çelik Köseoğlu
Download
13
Personal Website with React - Finishing the Navbar Work
Çelik Köseoğlu
Download
14
Personal Website with React - Fixing a Defect With Centered Text
Çelik Köseoğlu
Download
15
Personal Website with React - Beginning to Port the Contact Section
Çelik Köseoğlu
Download
16
Personal Website with React - Finishing Up the Contact Section
Çelik Köseoğlu
Download
17
Personal Website with React - Many Ways of Solving a Problem
Çelik Köseoğlu
Download
18
Personal Website with React - Skills Card Background and Alignment
Çelik Köseoğlu
Download
19
Personal Website with React - Project Cards Background and Pose Animation Libary
Çelik Köseoğlu
Download
20
Personal Website with React - Fixing Another Horizontal Scrolling on Mobile Bug
Çelik Köseoğlu
Download
21
Personal Website with React - Creating a Component for Footer Social Media Icons and Animations
Çelik Köseoğlu
Download
22
Personal Website with React - Porting Over the Hero Section
Çelik Köseoğlu
Download
23
Personal Website with React - Optimizing the Hero Section for Mobile
Çelik Köseoğlu
Download
24
Personal Website with React - Some Minor Font and Margin Changes
Çelik Köseoğlu
Download
25
Personal Website with React - Centring Footer Elements
Çelik Köseoğlu
Download
26
Personal Website with React - SEO and Fixing My Resume URL
Çelik Köseoğlu
Download
27
Personal Website with React - Changing Navbar Background Animation
Çelik Köseoğlu
Download
28
Personal Website with React - Rendering Markdown Files Inside a Component
Çelik Köseoğlu
Download
29
Personal Website with React - Linking Markdown Files with Project Cards
Çelik Köseoğlu
Download
30
Personal Website with React - Making Project Card Divs Clickable
Çelik Köseoğlu
Download
31
Personal Website with React - Fixing Yet Another Horizontal Scroll Issue and Image Orders on Mobile
Çelik Köseoğlu
Download
32
Personal Website with React - Empty Array as the Second Argument of useEffect
Çelik Köseoğlu
Download
33
Personal Website with React - Fixing Random React Errors That We See Inside the Console
Çelik Köseoğlu
Download
34
Personal Website with React - Properly Defining PropType Shapes
Çelik Köseoğlu
Download
35
Personal Website with React - Introduction to Mixins and How to Use Them
Çelik Köseoğlu
Download
36
Personal Website with React - Adding Footer to BlogPost Page
Çelik Köseoğlu
Download
37
Personal Website with React - Fixing Minor Issues and Working on Tech Debt
Çelik Köseoğlu
Download
38
Personal Website with React - Adding Navbar with Go Back Functionality to BlogPost
Çelik Köseoğlu
Download
39
Personal Website with React - Time to Release and Fixing Some Minor Issues
Çelik Köseoğlu
Download
40
Personal Website with React - Fixing the First Production Bug - Images Not Showing
Çelik Köseoğlu
Download
41
Personal Website with React - First Graphics Design on Stream - Making of the Signature
Çelik Köseoğlu
Download
42
Personal Website with React - Fixing Minor Blog Post Content Issue on Production
Çelik Köseoğlu
Download
43
Personal Website with React - Loading Images by Filename from JSON in React
Çelik Köseoğlu
Download
44
Personal Website with React - Replacing the Default Favicon
Çelik Köseoğlu
Download
45
Personal Website with React - Changing Default Font with Roboto and Avenir
Çelik Köseoğlu
Download
46
Personal Website with React - Creating the Blog Page
Çelik Köseoğlu
Download
47
Personal Website with React - Creating Blog Item for the Blog Page
Çelik Köseoğlu
Download
48
Personal Website with React - Making Navbar Component Reusable Across Pages
Çelik Köseoğlu
Download
49
Personal Website with React - Refactoring Footer, Working on Tech Debt and New Section Colors
Çelik Köseoğlu
Download
50
Personal Website with React - Creating a Custom Image Carousel - Horizontal Scrolling
Çelik Köseoğlu
Download
51
Personal Website with React - Using Dynamically Imported Files to Render Component
Çelik Köseoğlu
Download
52
Personal Website with React - Finishing Up the Image Carousel and Styling the Scroll Bar
Çelik Köseoğlu
Download
53
Personal Website with React - Scrollbar Color Hover Animation and Final Styling Changes
Çelik Köseoğlu
Download
54
Personal Website with React - Finishing the Blog Footer
Çelik Köseoğlu
Download
55
Personal Website with React - Integrating with Lottie and Centering Hero Content
Çelik Köseoğlu
Download
56
Personal Website with React - Picking a Random Hero Image on Load
Çelik Köseoğlu
Download
57
Personal Website with React - Fixing Margins and Adding Arrow Animation to Mobile Site
Çelik Köseoğlu
Download
58
Personal Website with React - Adding Some Styling to the Blog and Fixing Various Display Issues
Çelik Köseoğlu
Download
59
Personal Website with React - Using WebP instead of PNG for Massive Bandwidth Savings
Çelik Köseoğlu
Download
60
Personal Website with React - Implementing WebP to PNG Fallback Strategy for ImageCarousel
Çelik Köseoğlu
Download
61
Personal Website with React - Implementing WebP to PNG Fallback Strategy for Home Page
Çelik Köseoğlu
Download
62
Personal Website with React - Fixing Production Issue That Prevents Importing Images Dynamically
Çelik Köseoğlu
Download
63
Personal Website with React - Replacing Font Awesome with React Icons to Save 100KB
Çelik Köseoğlu
Download
64
Personal Website with React - Converting QNote icon from PNG to SVG
Çelik Köseoğlu
Download
65
Personal Website with React - Compressing TTF fonts into WOFF to save 30% Space
Çelik Köseoğlu
Download
66
Personal Website with React - Don't Forget to Use Minified CSS to Save Space
Çelik Köseoğlu
Download
67
Personal Website with React - Lazy Loading Router Components Pros and Cons
Çelik Köseoğlu
Download
68
Personal Website with React - Adding Styling to the Code Blocks in Blog Post Component
Çelik Köseoğlu
Download
69
Personal Website with React - Adding Home Button to BlogPost Component
Çelik Köseoğlu
Download
70
Personal Website with React - Cleaning BlogPost SASS and Improving PersonalWebsite Icon on Home Page
Çelik Köseoğlu
Download
71
Personal Website with React - Fixing Font Weight Difference in Safari vs Chrome
Çelik Köseoğlu
Download
72
Personal Website with React - Adding robots txt for SEO Optimization
Çelik Köseoğlu
Download
73
Personal Website with React - Scroll Prompt for Browsers That Don't Show Horizontal Scroll Bar
Çelik Köseoğlu
Download
74
Personal Website with React - Dark Mode for Blog Part 1 - Local Storage and Styling
Çelik Köseoğlu
Download
75
Personal Website with React - Dark Mode for Blog Part 2 - Animated Toggle Button and Overall Styling
Çelik Köseoğlu
Download
76
Personal Website with React - Making Dark Mode Toggle Compatible with Screen Readers and Refactoring
Çelik Köseoğlu
Download
77
Personal Website with React - Making Image Carousel Change Scroll Bar Color in Dark Mode
Çelik Köseoğlu
Download
78
Personal Website with React - Extracting Blog Footers to Separate Component
Çelik Köseoğlu
Download
79
Personal Website with React - Extracting Blog Post Top Buttons Into Separate Component
Çelik Köseoğlu
Download
80
Personal Website with React - Adding Home Button to Blog Page
Çelik Köseoğlu
Download
81
Personal Website with React - Making A New Footer for Home Page - Part 1
Çelik Köseoğlu
Download
82
Personal Website with React - Making A New Footer for Home Page - Part 2
Çelik Köseoğlu
Download
83
Personal Website with React - Making A New Footer for Home Page - Part 3
Çelik Köseoğlu
Download
84
Personal Website with React - Making A New Footer for Home Page - Part 4
Çelik Köseoğlu
Download
85
Personal Website with React - Fixing Firefox Not Centring Signature Image in Div
Çelik Köseoğlu
Download
86
Personal Website with React - Making Use of Macbook's TouchBar in React Development with IntelliJ
Çelik Köseoğlu
Download
87
Personal Website with React - Adding Loading Spinner to Blog Post Component
Çelik Köseoğlu
Download
88
Personal Website with React - Adding Progressive Image Loading Support
Çelik Köseoğlu
Download
89
Personal Website with React - Adding Transition Animation to Progressive Image Loader
Çelik Köseoğlu
Download
90
Personal Website with React - Building Latest Blog Posts Section in Home Page - Part 1
Çelik Köseoğlu
Download
91
Personal Website with React - Building Latest Blog Posts Section in Home Page - Part 2
Çelik Köseoğlu
Download
92
Personal Website with React - Building Latest Blog Posts Section in Home Page - Part 3
Çelik Köseoğlu
Download
93
Personal Website with React - Building Latest Blog Posts Section in Home Page - Part 4
Çelik Köseoğlu
Download
94
Personal Website with React - Building Latest Blog Posts Section in Home Page - Part 5 - Deployment
Çelik Köseoğlu
Download
95
Personal Website with React - Refactoring our WidthPicker Mixin
Çelik Köseoğlu
Download
96
Personal Website with React - Showing and Hiding Blog Showcase Cards Based on Screen Size
Çelik Köseoğlu
Download
97
Personal Website with React - Using PurgeCSS to Reduce Bundle Size by 100KB
Çelik Köseoğlu
Download
98
Personal Website with React - Standardizing the Width and Margins for Blog and BlogPost Pages
Çelik Köseoğlu
Download
99
Personal Website with React - Recreating My Lottie Arrow Animation with Pure HTML and CSS
Çelik Köseoğlu
Download
100
Personal Website with React - Trailing Arrow Animation Using SMIL SVG Path - No CSS or JS, only HTML
Çelik Köseoğlu
Download
101
Personal Website with React - OnClick and OnEnd Event Handlers for SMIL SVG Animations
Çelik Köseoğlu
Download
102
Personal Website with React - Fixing Automatic Image Width Calculation in Image Carousel
Çelik Köseoğlu
Download
103
Personal Website with React - Adding Video Playback Capabilities to Image Carousel
Çelik Köseoğlu
Download
104
Personal Website with React - Fixing Lighthouse Accessibility Issues and Setting Cache Policy
Çelik Köseoğlu
Download
105
Personal Website with React - Adding a 404 Not Found Page
Çelik Köseoğlu
Download
106
Personal Website with React - Improving the Design of the 404 Page
Çelik Köseoğlu
Download
107
Personal Website with React - Implementing the New Design for the Skills Section
Çelik Köseoğlu
Download
108
Personal Website with React - Making the new Skills Section Responsive
Çelik Köseoğlu
Download
109
Personal Website with React - Implementing New Design for Projects Section
Çelik Köseoğlu
Download
110
Personal Website with React - Replicating the Bootstrap Container Component
Çelik Köseoğlu
Download
111
Personal Website with React - Removing POSE Animation Library and Replacing With CSS Animations
Çelik Köseoğlu
Download
112
Personal Website with React - Fixing Dark Mode Toggle - Box Shadow Bug on Safari iOS 13.4
Çelik Köseoğlu
Download
113
Personal Website with React - Centering Dark Mode Button On the Screen Across Multiple Pages
Çelik Köseoğlu
Download
114
Personal Website with React - Making an About Me Section Part 1
Çelik Köseoğlu
Download
115
Personal Website with React - Making an About Me Section Part 2
Çelik Köseoğlu
Download
116
Personal Website with React - Refactoring and Cleaning the Home Page Component
Çelik Köseoğlu
Download
117
Personal Website with React - Replacing Bootstrap Navbar with Custom Navbar Part 1
Çelik Köseoğlu
Download
118
Personal Website with React - Replacing Bootstrap Navbar with Custom Navbar Part 2
Çelik Köseoğlu
Download
119
Personal Website with React - Navbar - Smooth Blur and Transparency Animations On Scroll
Çelik Köseoğlu
Download
120
Personal Website with React - Fixing Background Blur Bug in Safari and Some Other Stuff
Çelik Köseoğlu
Download
121
Personal Website with React - Animating Navbar Toggle Button Without Bootstrap
Çelik Köseoğlu
Download
122
Personal Website with React - Adding Reference Links to About Me Section Using Markdown
Çelik Köseoğlu
Download
123
Personal Website with React - Properly Set 100vh on iPad
Çelik Köseoğlu
Download
124
Personal Website with React - Implementing Throttle and Debounce Functions to Limit Window Events
Çelik Köseoğlu
Download
125
Personal Website with React - Implementing Throttle and Debounce Functions to Limit Window Events
Çelik Köseoğlu
Download
126
Personal Website with React - Adding Github Repo Statistics
Çelik Köseoğlu
Download
127
Personal Website with React - Adding Github Repo Statistics
Çelik Köseoğlu
Download
128
Personal Website with React - Integrating With Firebase Analytics to Track Which Page Users Visit
Çelik Köseoğlu
Download
129
Personal Website with React - Integrating With Firebase Analytics to Track Which Page Users Visit
Çelik Köseoğlu
Download
130
Personal Website with React - Modifying Media Carousel to Maintain Image Order on Async Image Load
Çelik Köseoğlu
Download
131
Personal Website with React - Visual Hints to Make Users Scroll On Image Carousels and Bug Fixes
Çelik Köseoğlu
Download
132
Personal Website with React - Visual Hints to Make Users Scroll On Image Carousels and Bug Fixes
Çelik Köseoğlu
Download
133
Support Internet Explorer on React Websites
Çelik Köseoğlu
Download
134
Support Internet Explorer on React Websites
Çelik Köseoğlu
Download
135
How to Use React Syntax Highlighting for Any Language
Çelik Köseoğlu
Download
136
Set Page Title and Description Per Page in React Website Using Helmet
Çelik Köseoğlu
Download
137
Set Page Title and Description Per Page in React Website Using Helmet
Çelik Köseoğlu
Download
138
Set Metadata Per Page Without Server Side Rendering Using react-snap
Çelik Köseoğlu
Download
139
Get Image Previews When Your React Website is Shared - MetaTags
Çelik Köseoğlu
Download
140
Get Image Previews When React Markdown Blog Post is Shared MetaTags
Çelik Köseoğlu
Download
141
Get Image Previews When React Markdown Blog Post is Shared MetaTags
Çelik Köseoğlu
Download
142
Add Copy To Clipboard Button to React Syntax Highlighter
Çelik Köseoğlu
Download
143
Font Splitting and Efficient Font Loading Using Google Fonts on React Website
Çelik Köseoğlu
Download
144
Personal Website with React - New Blog Navbar UX Design
Çelik Köseoğlu
Download
145
React Router Scroll To the Top On Route
Çelik Köseoğlu
Download
146
Making a Unique Dark Mode Toggle Animation in React - Part 1
Çelik Köseoğlu
Download
147
Making a Unique Dark Mode Toggle Animation in React - Part 2
Çelik Köseoğlu
Download
148
Scene rehearsal between Cristin Milioti and Josh Radnor 💗💗|HIMYM
PRABHU KIRAN DANDA
Download
149
Creating Favicons with Dark Mode, TouchBar and SVG Support
Çelik Köseoğlu
Download
150
Porting Create React App to NextJS - My Experience
Çelik Köseoğlu
Download
151
Most People Don't Know How Bikes Work
Veritasium
Download