SlideWonder is a modern web application designed for creating, managing, and presenting slide decks. Built with Next.js and leveraging various libraries, SlideWonder provides a user-friendly interface and powerful features to enhance your presentation experience.
- Intuitive User Interface: Easily navigate and manage your slides with a clean and responsive design.
- Drag-and-Drop Support: Organize your slides effortlessly using drag-and-drop functionality powered by React DnD.
- Slide Customization with Fabric.js: Utilize Fabric.js to create and customize slides with various shapes, text, and other elements. Users can manipulate slide elements directly on the canvas, allowing for a highly interactive design experience.
To get started with SlideWonder, clone the repository and install the necessary dependencies:
git clone https://github.com/RyanGormican/slidewonder.git
cd slidewonder
npm install
To run the application in development mode, use the following command:
npm start
This command will start the development server and open the application in your default web browser.
To build the application for production, use:
npm run build
SlideWonder relies on the following dependencies:
- React: A JavaScript library for building user interfaces.
- @mui/material: A popular React UI framework for building responsive applications.
- Firebase: Used for backend services, including data storage and user authentication.
- Fabric.js: A powerful library for working with HTML5 canvas.
- React DnD: A set of React utilities for implementing drag-and-drop functionality.
For a complete list of dependencies, refer to the package.json file.
The following scripts are available for managing the application:
- start: Runs the app in development mode.
- build: Builds the app for production.
- test: Runs the test suite.
- eject: Ejects the configuration files for customization.
Contributions are welcome! If you have suggestions for improvements or new features, please use the feedback modal.
This project is licensed under the MIT License. See the LICENSE file for more details.