Skip to content
ZenAdmin Tech

Frontend Repositories Overview

Welcome to our overview of the main frontend repositories at hybr1d. This document provides essential information about each repository, including its purpose, technology stack, and key features.

1. Hybr1d Frontend

Description

hybr1d-frontend is our primary product, a feature-rich SaaS platform tackling IT and HR.

Key Features

  • Comprehensive and scalable SaaS platform.
  • Utilizes the latest React features and robust state management tools.

Technology Stack

  • Core Libraries: React, React DOM
  • State Management: Zustand
  • Styling and Design: CSS Modules, Bootstrap(Legacy), SASS(Legacy), Framer Motion
  • Data Fetching: Axios, @tanstack/react-query
  • Utilities: Date-Fns, Yup
  • Routing: React Router DOM
  • Forms: Formik, React Select, React Datepicker
  • Analytics and Error Tracking: @sentry/react, @sentry/tracing, Mixpanel-browser
  • Development Tools: TypeScript, ESLint, Prettier, Husky, Commitizen
  • Deployment: AWS

Hybr1d Frontend GitHub Repository

2. Hybr1d Landing

Description

hybr1d-landing is our marketing site built with Next.js, featuring a blog that integrates WordPress as a CMS.

Key Features

  • Fast, SEO-optimized landing pages using Next.js.
  • Blog section powered by WordPress.
  • Utilizes Next.js app router features for efficient navigation.

Technology Stack

  • Framework: Next.js
  • Styling and Animation: Framer Motion, Swiper for slideshows
  • Data Fetching: Axios
  • Utilities: date-fns for date operations, clsx for className concatenation
  • SEO and Marketing Tools: React-GTM for Google Tag Manager, React-Hotjar, Mixpanel for analytics
  • CMS Integration: WordPress for blog content management
  • Other Libraries: React Icons, React Share for social media integration
  • Deployment: Vercel, Blogs: AWS LightSail

Hybr1d Landing GitHub Repository

3. Charizard

Description

charizard is our internal React UI library built using Vite and Storybook, utilizing ZagJS for UI primitives based on State Machines.

Key Features

  • Modular and reusable UI components for hybr1d-frontend.
  • Utilizes state-of-the-art ZagJS for building interactive UI components.
  • Uses storybook to development components in isolation
  • Uses Vite as the build/frontend tool
  • NPM Link

Technology Stack

  • Core Libraries: React, React DOM
  • UI Primitives: ZagJS (based on State Machines)
  • State Management: Zustand
  • Build and Development Tools: Vite, Storybook, TypeScript
  • Testing and Interaction: @storybook/addon-interactions, @storybook/testing-library
  • Utilities: clsx, react-inlinesvg, react-intersection-observer
  • Publishing: Published to npm for consumption by hybr1d-frontend

charizard GitHub Repository

4. Zapdos

Description

Zapdos is our documentation site, where you are viewing this content, built using the Astro framework, providing comprehensive documentation for our projects and tools.

Key Features

  • Centralized documentation for all frontend-related projects and libraries.
  • Built with Astro, enabling efficient static site generation.

Technology Stack

  • Framework: Astro
  • Content Management: Markdown and MDX for easy content writing and embedding components.
  • Styling: CSS Modules
  • Deployment: Vercel

Zapdos GitHub Repository

For more detailed information about each repository, please refer to their respective README files or contact the repository maintainers.