Kl_portfolio screenshot

Kl_portfolio

Author Avatar Theme by Klawingco
Updated: 15 Sep 2023
90 Stars

KL's Portfolio v2. Made with Love using NextJS, ChakraUI and Framer motion.

Categories

Overview

KL Lawingco’s Personal Site is a version 2 of their portfolio website. It is a complete rewrite from the previous version, showcasing KL’s UI and UX design skills. The site is written in Typescript using Next.js, a static site generation tool. It utilizes ChakraUI for styling and Framer Motion for animations. The site currently contains details about KL and in the future, they plan to add their own blog. The site is deployed on Netlify’s Free tier.

Features

  • Written in Typescript using Next.js
  • Uses ChakraUI for styling
  • Includes Framer Motion for animations
  • Easy deployment on Netlify’s Free tier

Installation

To set up the project, please follow the steps below:

  1. Make sure you have Node.js installed, preferably version 14 LTS.
  2. Clone the repository using git clone [repository-url]
  3. Run yarn install to install the project dependencies.
  4. Start the development server using yarn dev.
  5. The site should now be running at http://localhost:3000/.

Summary

KL Lawingco’s Personal Site is a second version of their portfolio website, showcasing their own UI and UX design skills. It is written in Typescript using Next.js and utilizes ChakraUI for styling and Framer Motion for animations. The site is easy to set up and deploy on Netlify’s Free tier. It currently contains details about KL, with plans to add a blog in the future.