An open API service indexing awesome lists of open source software.

https://github.com/imkiri86/codextreme-web

🌐 CodeXtreme Web - Website built with Astro and Tailwind for easily downloading the CodeXtremeOS ISO.
https://github.com/imkiri86/codextreme-web

astro iso ntlite optimization windows-11 winutil

Last synced: 9 months ago
JSON representation

🌐 CodeXtreme Web - Website built with Astro and Tailwind for easily downloading the CodeXtremeOS ISO.

Awesome Lists containing this project

README

          

# CodeXtreme Website 🌐

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![Astro](https://img.shields.io/badge/-Astro-FF5D01?logo=astro&logoColor=white)](https://astro.build)
[![Tailwind CSS](https://img.shields.io/badge/-Tailwind_CSS-38B2AC?logo=tailwind-css&logoColor=white)](https://tailwindcss.com)

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

[![Desktop](https://i.imgur.com/SJDw4y1.png)](https://www.codextreme.me)

## 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:**
```bash
git clone https://github.com/CodeF1ow/codextreme-web.git
cd codextreme-web
```

2. **Install dependencies:**
```bash
pnpm install
```

3. **Start development server:**
```bash
pnpm run dev
```
The site will be available at `http://localhost:4321/`

4. **Build for production:**
```bash
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](https://paypal.me/botarctic)

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](https://discord.gg/6weESehnXA)

[CodeXtreme Team](contact@kiridev.me)

**Twitter:** @CodeF1ow

---