KVNJ

This is a simple portfolio website created using Next.js, React, and TailwindCSS.

Live Demo

A live demo of the website can be found here.

Features

• Responsive design optimized for desktop and mobile devices
• Dark and light mode support with smooth transitions
• Integration with Behance to dynamically display UI/UX projects
• Animated components powered by framer-motion for enhanced user experience
• Intersection observer for lazy loading and visibility tracking
• Localization support for English and Japanese
• Developed using Next.js and React with TailwindCSS for styling

Technologies Used

• Next.js — React framework for server-side rendering and static site generation
• React — JavaScript library for building user interfaces
• TailwindCSS — Utility-first CSS framework for rapid UI development
• Framer Motion — Animation library for React
• React Intersection Observer — React hook to track element visibility
• Vercel — Deployment platform

Installation and Usage

To run this project locally, follow these steps:

• Clone this repository using git clone https://github.com/KevinJonathan30/kvnj.git
• Install dependencies using npm install
• Run the development server using npm run dev
• Open http://localhost:3000 in your browser to see the website.
• To build the project for production, run npm run build and npm run start.

Configuration

Some parts of the website can be configured by editing the config.js file, including the website's title, description, and social media links.

Credits

This website was created by Kevin Jonathan using Next.js and TailwindCSS.