Version 0.4
Wisecore is an advanced platform powered by Large Language Models (LLMs) designed to help organizations generate, manage, and share internal knowledge efficiently. This repository contains the frontend application built with React, TypeScript, and modern web technologies.
Wisecore centralizes your company's information, automates documentation, and empowers your teams with instant access to reliable, AI-driven insights. The platform provides a comprehensive suite of tools for knowledge management, document generation, and intelligent search capabilities.
- Welcome page with platform overview
- Quick access to main features
- Feature highlights with automated documentation, intelligent search, team collaboration, and AI insights
- Centralized document repository
- Hierarchical folder structure
- Document organization and management
- File browsing with breadcrumb navigation
- Intelligent search across all organizational knowledge
- Multiple search modes (normal and advanced)
- Content-aware search results
- Quick access to relevant documents and sections
- Document template creation and management
- Template-based document generation
- Reusable content structures
- Template configuration and customization
- Document creation from templates
- Document type filtering
- Rich document editor with MDX support
- Document execution and processing
- Dependency management between documents
- Interactive graph view of document relationships
- Visual representation of dependencies
- Network analysis of knowledge connections
- Multi-organization support
- Organization selection and switching
- Scoped content per organization
- Integrated AI assistant
- Context-aware conversations
- Document-specific assistance
- Expandable chat interface
- React 19 - Modern React with latest features
- TypeScript - Type-safe development
- Vite - Fast build tool and development server
- Shadcn/UI - Modern component library
- Tailwind CSS 4 - Utility-first CSS framework
- Radix UI - Accessible primitive components
- Lucide Icons - Beautiful icon set
- TanStack Query - Powerful data synchronization
- React Router Dom - Client-side routing
- React Context - Organization state management
- MDX Editor - Advanced markdown editing
- React Markdown - Markdown rendering
- Remark & Rehype - Markdown processing plugins
- ESLint - Code linting
- TypeScript - Static type checking
- Hot Module Replacement - Fast development
src/
βββ components/ # Reusable UI components
β βββ ui/ # Shadcn/UI components
β βββ chatbot/ # AI chatbot components
β βββ library/ # Library-specific components
βββ pages/ # Main application pages
βββ services/ # API service layers
βββ hooks/ # Custom React hooks
βββ contexts/ # React context providers
βββ lib/ # Utility functions
βββ assets/ # Static assets
| Route | Component | Description |
|---|---|---|
/home |
Home | Landing page with platform overview |
/library |
Library | Document repository and file browser |
/search |
SearchPage | Intelligent search interface |
/templates |
Templates | Template management |
/documents |
Documents | Document listing and filtering |
/organizations |
Organizations | Organization management |
/graph |
Graph | Network visualization of documents |
/configTemplate/:id |
ConfigTemplate | Template configuration |
/document/:id |
DocumentPage | Document viewer/editor |
/configDocument/:id |
ConfigDocumentPage | Document configuration |
/execution/:id |
ExecutionPage | Document execution details |
/docDepend/:id |
DocDependPage | Document dependencies |
- Layout - Main application layout with sidebar
- Sidebar - Navigation sidebar with organization selector
- OrganizationSelector - Organization switching component
- Document - Document display component
- Editor - Rich text editor with MDX support
- Template - Template display and management
- SectionExecution - Document section processing
- ExecutionInfo - Execution status and details
- SearchResult - Search result display
- NetworkGraph - Interactive relationship visualization
- TableOfContents - Document navigation
- CreateDocument - Document creation workflow
- CreateFolder - Folder creation
- AddDocumentSection - Section management
- SortableSection - Drag-and-drop section ordering
- Node.js 18+
- npm or yarn package manager
- Clone the repository:
git clone https://github.com/HuemulSolutions/wisecore-front.git
cd wisecore-front- Install dependencies:
npm install- Start the development server:
npm run dev- Build for production:
npm run buildnpm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLintnpm run preview- Preview production build
The application uses environment-based configuration through src/config.ts. Make sure to configure your API endpoints and other environment-specific settings.
- Follow the coding standards defined in the project
- Use TypeScript for all new code
- Implement proper error handling
- Add proper component documentation
- Test your changes thoroughly
- Component-based architecture with clear separation of concerns
- Service layer abstraction for API interactions
- Responsive design with mobile-first approach
- Accessibility compliance with ARIA standards
- Performance optimization with code splitting and lazy loading
- Type safety throughout the application
WiseCore is licensed under the Elastic License 2.0.
- β Free to use for personal and commercial purposes
- β Modify and distribute the code
- β Use internally in your business without restrictions
- β Cannot offer as SaaS or managed service
- β Cannot resell the software as a product
- β Cannot sell consulting services primarily based on WiseCore
For more details, see:
Wisecore Frontend v0.4 - Empowering organizations with AI-driven knowledge management.