Innicement

A modern React-based web application.

Overview

Innicement is a React web application built with TypeScript and modern frontend tools. The project leverages the latest React 19 features and implements a component-based architecture for maintainability and scalability.

Features

• Component-based architecture
• TypeScript for type safety
• React Router for navigation
• Modern styling with WindiCSS and SASS
• Responsive design
• Robust error handling with React Error Boundary
• Consistent layout with reusable components

Technologies

• Framework: React 19.1.0
• Language: TypeScript 5.8.3
• Routing: React Router 7.5.1
• Styling: WindiCSS 3.5.6, SASS
• Build Tool: Vite 6.3.2
• Package Manager: Bun
• Linting & Formatting: ESLint 9.25.0, Prettier 3.5.3
• Deployment: GitHub Pages
• Error Handling: React Error Boundary 5.0.0

Getting Started

Prerequisites

• Node.js (latest LTS version recommended)
• Bun package manager

Installation

1. Clone the repository

   git clone https://github.com/ax-sh/innicement.git
   cd innicement

2. Install dependencies

   bun install

3. Start the development server

   bun run dev

4. Open your browser and navigate to http://localhost:5173

Scripts

• bun run dev - Start development server
• bun run build - Build for production
• bun run preview - Preview production build
• bun run deploy - Deploy to GitHub Pages
• bun run lint - Run ESLint
• bun run lint:fix - Fix ESLint issues

Project Structure