This project is an experiment with using Svelte and reveal.js to create stunning presentations. Svelte is a radical new approach to building user interfaces, and reveal.js is a powerful tool for creating presentations using HTML, CSS, and JavaScript.
- Use Svelte's component-based architecture to create reusable presentation elements.
- Leverage reveal.js's features for slide transitions, animations, and layouts.
- Easily customize the look and feel of your presentations using CSS.
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/MrMDrX/Presentations-in-Svelte.git
- Install dependencies:
cd Presentations-in-Svelte && npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:5173
to view your presentation.
To create your presentation, modify the src/lib/deck/presentation.svelte
file. Use Slide
, Code
, Markdown
and Notes
components as needed. You can use Svelte components and reveal.js features to create interactive and engaging slides.
To deploy your presentation, build the project using npm run build
and upload the contents of the public
directory to your hosting provider.
Contributions are welcome! If you have ideas for improving this project or want to fix a bug, please submit a pull request.
This project is licensed under the MIT License. See the LICENSE.md
file for details.