Skip to content
forked from nagyum/Fandom-K

코드잇 12기 기초 프로젝트 레포지토리

Notifications You must be signed in to change notification settings

katej0320/Fandom-K

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

287 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 Fandom-K

Fandom-K is a web platform created for K-pop fans, focusing on interactive fan activities and immersive voting experiences. This project aims to deliver a modern landing experience with beautiful animations and responsive layouts.


✨ My Role

  • 🎨 Implemented a fully responsive landing page using React and SCSS
  • 🧩 Modularized layout into reusable components to reduce repetition and improve maintainability
  • 🎞 Applied Framer Motion animations for a dynamic and engaging user experience
  • 📣 Presented the project in final team presentation

🛠 Tech Stack

React

Sass

Framer Motion

VS Code

Prettier

GitHub

Notion


📐 Component Design Strategy

The component-based architecture helped eliminate repetitive code and significantly enhanced maintainability and reusability. I used props to dynamically inject content into each section, enabling scalable layout composition.


Demo Videos

1-ezgif com-video-to-gif-converter

2-ezgif com-video-to-gif-converter

3-ezgif com-video-to-gif-converter

🎥 Framer Motion Animation Details

<motion.div
  initial={{ opacity: 0, y: 50 }}
  whileInView={{ opacity: 1, y: 0 }}
  viewport={{ once: false }}
  transition={{ ease: "easeInOut", duration: 2 }}
>
  ...
</motion.div>

About

코드잇 12기 기초 프로젝트 레포지토리

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 69.5%
  • SCSS 30.3%
  • HTML 0.2%