Niva - Your Friendly Chatbot Companion

A modern web application built with Nuxt 3 that serves as the landing page and blog for Niva, a friendly chatbot companion that helps neurodivergent individuals (ADHD/Autism) and anyone struggling with organization in their daily lives. Niva communicates with users through their favorite messenger - currently supporting Signal Messenger.

Project Overview

Niva is a chatbot designed to be a supportive companion that understands the unique challenges faced by neurodivergent individuals. Through Signal Messenger, Niva helps users:

• Reduce mental load with clear reminders
• Structure daily life and calendar
• Break down large tasks into manageable steps
• Create and maintain routines
• Stay organized without pressure

The chatbot is currently in early access phase, focusing on providing a secure, privacy-friendly solution that truly understands the needs of its users.

Features

• 🌐 Multi-language support (English and German)
• 📱 Responsive design
• 📝 Content management with Nuxt Content
• 🔍 SEO optimized with sitemap and robots.txt
• 🖼️ Image optimization
• 🎨 Bootstrap integration
• 📊 Blog system with neurodivergent-focused content
• 🔄 Smooth scrolling
• 🚀 Static site generation
• 💬 Signal Messenger integration for chatbot communication
• 📅 Calendar synchronization
• ⏰ Gentle reminders and nudges
• 📸 Photo note extraction
• 📧 Email task scanning
• 🔒 Privacy-focused design

Tech Stack

• Nuxt 3 - The Vue.js Framework
• Vue 3 - Progressive JavaScript Framework
• Bootstrap - CSS Framework
• Nuxt Content - Content Management
• Nuxt I18n - Internationalization
• Nuxt Image - Image Optimization
• VueUse - Collection of Vue Composition Utilities

Target Audience

Niva is specifically designed for:

• Neurodivergent individuals (ADHD/Autism)
• People struggling with executive function
• Anyone seeking gentle support in organization
• Users who value privacy and data protection
• Individuals looking for a non-pressuring approach to structure
• Signal Messenger users

Prerequisites

• Node.js (LTS version recommended)
• npm, pnpm, yarn, or bun package manager

Setup

1. Clone the repository:

git clone [repository-url]
cd fibi-web

2. Install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

3. Create a .env file in the root directory with the following content:

NUXT_PUBLIC_SITE_URL=https://neurospicy.icu

Development

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Project Structure

• assets/ - Static assets like images, styles, and fonts
• components/ - Vue components
• composables/ - Vue composables
• content/ - Content files for the blog
• layouts/ - Layout components
• locales/ - Translation files
• pages/ - Application pages and routes
• public/ - Static files served as-is

Deployment

The project includes a deploy.sh script for deployment. Make sure to configure your deployment settings before running it.

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Early Access Benefits

• A chatbot companion that truly understands your needs
• At least 2 years of free access
• Shape Niva with your feedback
• Lifetime access for significant support
• Privacy-focused design
• No data sharing with third parties
• Secure communication through Signal Messenger