Code Explorer

mini project screenshotmini project screenshot

Built with React, Next.js, Tailwind and TypeScript.

This mini project provides a file explorer component for code files. The explorer has a sidebar for navigating through the files and a main area for displaying the code file content. I used @use-gesture for handling the sidebar's resizing functionality and prism-react-renderer for syntax highlighting the code file content.

The site is deployed with Vercel.