CodeXtreme Website 🌐

Official CodeXtreme website - Informative web created by CodeFlow. Open source project built with Astro and Tailwind CSS for maximum efficiency and performance.

Project Purpose

This repository contains the complete source code of the CodeXtremeOS website, designed to:

• Present the operating system features
• Provide technical documentation
• Offer updates and news
• Show screenshots and demonstrations
• Provide guides and tools

Technical Features

✨ Modern Interface Clean and professional design with accessibility first

📱 Responsive Design Perfect adaptation for mobile, tablets, and desktop

🎨 Theme System Built-in support for light/dark mode

🔍 Advanced SEO Dynamic meta tags and automated sitemap

🌐 Internationalization Built-in support for multiple languages (English/Spanish)

⚡ Performance Optimized Static site generation with optimal loading speeds

🛠️ Developer Experience Hot reload, TypeScript support, and modern tooling

Tech Stack

• Astro v5.11.0 - Next-generation static framework
• React v19.1.0 - UI library for interactive components
• Tailwind CSS v3.4.0 - Modern CSS utilities framework
• TypeScript - Type-safe development
• Heroicons v2.2.0 - Beautiful hand-crafted SVG icons
• Prism.js v1.30.0 - Syntax highlighting for code blocks
• Nanostores v1.0.1 - State management solution

Additional Tools & Plugins

• @astrojs/tailwind v6.0.2 - Astro integration for Tailwind CSS
• @astrojs/react v4.3.0 - React integration for Astro
• @tailwindcss/forms v0.5.10 - Form styling plugin
• @tailwindcss/typography v0.5.16 - Typography plugin for rich content
• PostCSS v8.5.6 - CSS processing tool
• Autoprefixer v10.4.21 - CSS vendor prefixing

Project Architecture

src/
├── components/          # Reusable Astro components
├── i18n/               # Internationalization utilities
├── layouts/            # Page layouts
├── pages/              # Route pages (en/es)
├── styles/             # Global styles and Tailwind CSS
└── public/             # Static assets (images, icons)

Key Configuration Files

• astro.config.mjs - Astro configuration with React & Tailwind integrations
• tailwind.config.cjs - Tailwind CSS configuration with custom theme
• postcss.config.cjs - PostCSS configuration for CSS processing
• tsconfig.json - TypeScript configuration

Local Development

Prerequisites:

• Node.js v20.x or higher
• pnpm v9.12.3 or higher

Installation steps:

1. Clone repository:

git clone https://github.com/CodeF1ow/codextreme-web.git
cd codextreme-web

2. Install dependencies:

pnpm install

3. Start development server:

pnpm run dev

The site will be available at http://localhost:4321/

4. Build for production:

pnpm run build

Additional Commands

• pnpm run start - Alternative command to start development server
• pnpm run preview - Preview production build locally (after build)

⭐ Support the Project

If you like this project, you can support it in the following ways:

• ⭐ Star the Repository: Give this project a star on GitHub to help others discover it
• ☕ Buy me a Coffee: Support development with a small donation via PayPal

Your support helps me continue creating awesome projects like this one! 🚀

License

This project is open source under the MIT license.

Support and Contact

Questions or suggestions?

Discord FireMoss

CodeXtreme Team

Twitter: @CodeF1ow

---