Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Next JS

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Branch Naming

• feat/... - default
• fix/... - for bug fixes
• ... - for special cases

Icon Type

Usage

<Icon name={IconType.INFO} className="text-xl text-dark" />

Project Structure

src:

• app

  • /404 Contains template 404 error page for handling "page not found" errors.

  • /about

  • /calendar

    • /fonts Directory for storing fonts used in the project.

    • /components Contains components for main page:

      • HeroSection.tsx — Components for the hero section.
      • UpcomingEventsSection.tsx — Components for the upcoming events section.

    • /styles Contains global styles and icon styles:

      • globals.css — Global styles for the application.
      • icomoon.css — Styles for Icomoon icons.

    • layout.tsx The main layout file of the application, defining shared structure across pages (header, footer, etc.).

    • not-found.tsx This file redirects users to the /404 page when a non-existent route is accessed, ensuring proper 404 error handling.

    • page.tsx The main or root page of the application.

• libs

  • /api-client

  • /components Contains reusable components organized into subdirectories:

    • /buttons

    • /footer

    • /header

    • /icon Contains components for handling icons (Icon.tsx).

    • /links Contains link-related components, such as:

      • CustomLink.tsx — Component for custom links.

    • /mobile-menu

    • /tags Contains components for activity and distance tags:

      • ActivityTypeTag.tsx — For activity type tags.
      • DistanceTag.tsx — For distance tags.

    • components.ts — Re-exports common components used in this section.

  • /context

  • /enums Directory for enum types used throughout the project.

  • /hooks Directory for custom hooks used to encapsulate and manage reusable logic throughout the project.

  • /locale

  • /utils

• i18

  • config.ts
  • request.ts