Simple Timeline for your Portfolio Website | React Tutorial
I made an updated tutorial on how to create a bit more customizable timeline from scratch with React and Tailwind, you can check it out here: • Even Better Timeline for your Portfolio We...
React tutorial on how to build a simple, yet versatile timeline for a portfolio website. You can use this to showcase your work experience and education, your blog posts history and anything else that can fit a structure that follows a timeline.
Find code from this video on Github: https://github.com/alekspopovic/simpl...
Find text version of this tutorial on my website: http://aleksandarpopovic.com/Build-Si...
Music in video is "Get the Groove" by Dave Miles from https://www.zapsplat.com.
Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / aleks.popovic
Chapters:
0:00 Intro
0:27 Showcasing the finished product
1:05 Project setup
2:50 Data file
5:21 Importing icons and plugin components
8:10 Mapping data file to timeline elements
10:13 Differentiate work and school timeline elements
14:50 Adding a button to timeline elements
17:33 Setting up CSS
23:33 Button CSS
25:50 Fixing date
27:55 Additional plugin properties
29:22 Outro