Skip to content

nirnejak/react-presentation

Repository files navigation

React Presentation Maker


Included Slide Components

  • <Cover /> - A cover slide component with the title and subtitle
  • <QuoteBlock /> - A component to show quote with author name
  • <CodeBlock /> - A component to show some code
  • <Points /> - A slide component for bullet points
  • <Profiles /> - A slide component for showing profiles of people
  • <SingleImage /> - A slide component for showing single large image
  • <MultiImage /> - A slide component for showing multiple images
  • <About /> - A slide component to tell about yourself
  • <End /> - An outro slide component with social details

Other Included Components

  • <Wrapper></Wrapper> - A wrapper components with appropriate spacing to wrap your slide/regular components

Additional Packages Used

  • Tailwind CSS - for styling
  • Motion(prev Framer Motion) - for animations
  • Akar Icons - for icons
  • use-sound - for using sound effects

Available Scripts

Install Dependencies

bun install

Setup Pre-commit

bun run prepare

Start Development Server

bun run dev

Lint all the files

bun run lint

Format all files with Prettier

bun run format

Check TypeScript issues

bun run type-check

Build for Production

bun run build

Start Production Server

bun start