Getting Started

Welcome to the CareSpace Documentation Platform! This guide will help you get up and running quickly.

Overview

The platform supports two distinct project types:

  • SmartProposal: Sequential presentation format
  • Documentation: Traditional three-column layout

Prerequisites

Before getting started, ensure you have:

  • Node.js 18+ installed
  • Basic understanding of Astro and DaisyUI
  • Text editor or IDE

Quick Setup

1. Installation

npm create astro@latest my-project
cd my-project
npm install daisyui @tailwindcss/typography

2. Configuration

Configure DaisyUI in your tailwind.config.js:

export default {
  plugins: [require('daisyui')],
  daisyui: {
    themes: ['carespace-light', 'carespace-dark'],
  },
}

3. Project Structure

Create your project configuration in src/content/config/projects.json:

{
  "my-project": {
    "title": "My Project",
    "type": "smartproposal",
    "description": "Project description"
  }
}

Theme System

The platform uses DaisyUI's theme system with two available themes:

  • Carespace Light: Light theme with soft pastels
  • Carespace Dark: Dark theme with vibrant accents

Themes automatically persist in localStorage and can be switched via the theme toggle in the navigation.

Next Steps

- Explore the [Project Configuration](./configuration) guide - Learn about [SmartProposal Layout](./smartproposal-layout) - Understand [Documentation Layout](./documentation-layout)