<h2>Overview</h2>
<p>WebNav is a front-end navigation website designed to curate high-quality front-end resources from various sources, both domestic and foreign. Users can easily save and access these websites for personal use. Additionally, the platform allows users to capture webpage information with a single click to create shareable cards. The project is inspired by Taxonomy and aims to serve as a learning experience in building a modern app using Next.js 13, incorporating features like authentication, API routes, static pages for documentation, ORM, and more.</p>
<h2>Features</h2>
<ul>
<li><strong>New /app directory</strong>: Separation of server and client components.</li>
<li><strong>UI Components using Radix UI</strong>: Utilizes UI Components built with Radix UI.</li>
<li><strong>Styled with Tailwind CSS</strong>: Custom styling using Tailwind CSS.</li>
<li><strong>Dark mode with next-themes</strong>: Supports a dark mode option utilizing next-themes.</li>
<li><strong>Authentication with NextAuth.js</strong>: Implements authentication using NextAuth.js.</li>
<li><strong>ORM with Prisma</strong>: Object-Relational Mapping with Prisma for database interactions.</li>
<li><strong>MySQL Database on PlanetScale</strong>: Uses a MySQL Database hosted on PlanetScale.</li>
<li><strong>Written in TypeScript</strong>: Codebase is written in TypeScript for type safety.</li>
</ul>


Wangfengyuan

Frontend Nav