Skip to content

About

A dummy photographer portfolio written in React to learn the animation library Framer Motion

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

78 Commits

Folders and files

Repository files navigation

animated-portfolio

React Framer Motion styled-components

🎬 A dummy photographer portfolio built to master Framer Motion — page transitions, scroll animations, and smooth UX 🎞️


✨ Features

  • 🎬 Page transitions — smooth enter/exit animations on every route change
  • 👁️ Scroll-triggered animations — elements animate in as they enter the viewport via react-intersection-observer
  • 🎨 styled-components — CSS-in-JS with theme support
  • 📱 Responsive — adapts from mobile to desktop
  • 🗺️ Multi-page — Home, About, and individual project pages via React Router

🚀 Quick Start

npm install
npm start

Open http://localhost:3000.

🏗️ Build

npm run build

🛠️ Tech Stack

  • React 17
  • Framer Motion v4 — animation library
  • styled-components v5 — component-scoped CSS
  • react-intersection-observer — scroll-based animation triggers
  • React Router v5 — client-side navigation
  • Create React App

About

A dummy photographer portfolio written in React to learn the animation library Framer Motion

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages