Categories
Website Design

Build A Photography Portfolio Website With React JS, Tailwind CSS And Framer Motion [Video]

Watch/Read More

Build A Photography Portfolio Website With React JS, Tailwind CSS And Framer Motion

Build A Photography Portfolio Website With React JS, Tailwind CSS And Framer Motion

📁 Assets
————————————————————-
Fonts: https://fonts.google.com/
Design Inspiration: https://templatesjungle.com/downloads/alina-free-portfolio-figma-template-for-photographers/

🔗 Source code
————————————————————-
https://github.com/cristianmihai01/photography-main

👨‍💻 Start project from scratch
————————————————————-
https://github.com/cristianmihai01/photography-starter

🔔 Subscribe for more!
————————————————————-
https://www.youtube.com/c/CristianMihai01

⏱ Timestamps
————————————————————-
00:00:00 Project Intro
00:03:05 Project Setup
00:05:00 Router & Routes
00:09:05 Header
00:10:38 Home Page Background
00:10:52 About Page Background
00:11:17 Portfolio Page Background
00:11:40 Contact Page Background
00:12:09 Header Styles
00:16:19 Mobile Navigation
00:25:00 Socials
00:28:18 Home Page Styles
00:31:21 About Page Styles
00:37:42 Portfolio Page Styles
00:44:00 Contact Page Styles
00:50:20 Animate Presence Implementation
00:51:03 Home Page Transitions
00:55:14 About Page Transitions
00:57:43 Portfolio Page Transitions
00:59:49 Contact Page Transitions
01:03:00 Custom Cursor
01:29:37 Final Project

👍 Thanks for watching!
Make sure to leave a like & Subscribe for more videos like this! ❤

#tailwindcss #reactjstutorial #reactjs #framer