• <Cover /> - A cover slide component with the title and subtitle
• <CodeBlock /> - A component to show some code
• <About /> - A slide component to tell about yourself
• <End /> - An outro slide component with social details

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

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

Install Dependencies

npm install

Install Git Hooks(Required for Development)

npm run prepare

Start Development Server

npm run dev

Lint all the files

npm run lint

Format all files with Prettier

npm run format

Check TypeScript issues

npm run type-check

Build for Production

npm run build

Start Production Server

npm start