Skip to content

alexmkio/epitome

Repository files navigation

Epitome - Next.js Portfolio Template

Deployment

Storybook

Overview

Epitome is a modern and dynamic personal portfolio website template originally designed by StyleShout. This project represents a comprehensive refactoring effort, transforming the original vanilla JS application into a sleek and efficient Next.js-powered experience.

Key Features

  • Enhanced Animation: Leveraging Framer Motion, Epitome delivers a seamless and engaging animate-on-scroll experience.
  • Smooth Scrolling: Integration of react-scroll ensures a polished and fluid scrolling behavior for an improved user journey.
  • Dynamic Carousel: The SlickSlider carousel functionality, powered by react-slick, adds a captivating element to showcase your content.

Motivation

My motivation for embarking on this project stemmed from the desire to revamp my personal website. While impressed with the StyleShout template, I aimed to create a platform that not only reflected my personal style but also embodied my development philosophy. The core structure of the template remains untouched, allowing users the flexibility to fork it for their unique needs. If you choose to do so, consider supporting the original designers at StyleShout.

Future Enhancements

  • Test Coverage: Strengthening the codebase with comprehensive testing.
  • Continuous Integration (CI): Implementing CI pipelines for seamless development workflows.
  • Lighthouse Testing: Ensuring optimal performance and accessibility standards.
  • Header Enhancements: Adding a logo and social icon section for a personalized touch.
  • Interactive Features: Implementing popup functionality for the "Selected Works" section.
  • Library Migration: Exploring the possibility of migrating to swiper in place of react-slick.

Feel free to explore the issue board for more insights into upcoming enhancements and contribute to the evolution of Epitome.

Contributors

This application was built by Alex Kio.