muhtalhakhan / carousel-gen

Create simple PDF carousel using React and react-pdf. This project is part of Coding challenges series by John Crickett https://codingchallenges.fyi/challenges/challege-licg.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Carousel gen - A simple PDF carousel generator

Create simple PDF carousel using Create React App and react-pdf. These PDFs can be used in social media posts.

The styling is done using MUI and Tailwindcss.

This project is part of Coding challenges series by John Crickett https://codingchallenges.fyi/challenges/challege-licg.

Installation

Install dependencies with the following command:

npm ci

Tests

To run the tests use the following command:

npm test

Support added

  • Carousel size
  • Background color
  • Text color
  • Profile image
  • Profile name
  • Content size
  • Support for multiple pages (upto 15) with different content only
  • Font family
    • Note: The Font family functionality only works on the devices that produce a .ttf file when calling the Google fonts API. Check out this stackoverflow discussion for more information: https://stackoverflow.com/a/27308229/21899409

About

Create simple PDF carousel using React and react-pdf. This project is part of Coding challenges series by John Crickett https://codingchallenges.fyi/challenges/challege-licg.


Languages

Language:TypeScript 93.2%Language:HTML 4.4%Language:JavaScript 1.8%Language:CSS 0.5%