SvelteDocHub Svelte Themes

Sveltedochub

SvelteDocHub is a sleek application designed to load and render Markdown files from a docs directory.

šŸ“š SvelteDocHub

āœØ Description

1. SvelteDocHub is a sleek application designed to load and render Markdown files from a docs directory. With a user-friendly interface built using Svelte, users can effortlessly navigate and read their documents. The project combines the power of Node.js for backend operations and Svelte's reactive components to provide a smooth experience.

šŸ› ļø Features

  • šŸ“„ Markdown Support: Efficiently loads and renders .md files.
  • āš” Svelte Framework: Fast and reactive UI with Svelte components.
  • šŸ—‚ļø Dynamic Sidebar: Automatically lists all available documentation files.
  • šŸ“± Responsive Design: Fully optimized for both desktop and mobile devices.

šŸš€ Installation

Prerequisites

  • Node.js (version 14 or higher)
  • npm (version 6 or higher)

Steps

  1. Clone the repository:

    git clone <repository-url>
    cd <project-directory>
    
  2. Install the dependencies:

    npm install
    
  3. Run the development server:

    npm run dev
    
  4. Open http://localhost:5173 in your browser to view the application.

šŸ”§ Usage

Development

Run the development server with live reloading:

npm run dev

Production

Build the application for production:

npm run build

The optimized files will be in the build directory.

šŸ“‚ Project Structure

Overview of the project directories and files:

/
ā”œā”€ā”€ docs/
ā”‚   ā”œā”€ā”€ example1.md
ā”‚   ā”œā”€ā”€ example2.md
ā”‚   ā””ā”€ā”€ ...
ā”œā”€ā”€ src/
ā”‚   ā”œā”€ā”€ lib/
ā”‚   ā”‚   ā””ā”€ā”€ components/
ā”‚   ā”‚       ā””ā”€ā”€ +Sidebar.svelte
ā”‚   ā”œā”€ā”€ routes/
ā”‚   ā”‚   ā””ā”€ā”€ +page.svelte
ā”‚   ā””ā”€ā”€ ...
ā”œā”€ā”€ package.json
ā””ā”€ā”€ ...

Example docs Directory

Place your Markdown files in the docs directory for them to be listed in the sidebar.

Sample Markdown file (example1.md):

# Documentation Title

Documentation content goes here...

šŸ¤ Contributing

Contributions are highly appreciated! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make necessary changes and commit them (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

Please check out the CONTRIBUTING.md guidelines for more details.

šŸ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.


šŸ“§ Contact

For any questions or additional information, feel free to contact the project maintainers or open an issue on GitHub.


Made with ā¤ļø using Svelte

Top categories

Loading Svelte Themes