Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ayushsoni1010/graphify
💹 Transform data into stunning PDF reports with dynamic charts and seamless integration. Explore the power of data visualization.
https://github.com/ayushsoni1010/graphify
chartjs htmltopdf nodejs openai pdf-generation puppeteer reactjs tailwindcss
Last synced: about 14 hours ago
JSON representation
💹 Transform data into stunning PDF reports with dynamic charts and seamless integration. Explore the power of data visualization.
- Host: GitHub
- URL: https://github.com/ayushsoni1010/graphify
- Owner: ayushsoni1010
- License: mit
- Created: 2023-10-14T08:52:08.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2023-10-17T08:31:11.000Z (12 months ago)
- Last Synced: 2024-05-21T12:06:59.323Z (5 months ago)
- Topics: chartjs, htmltopdf, nodejs, openai, pdf-generation, puppeteer, reactjs, tailwindcss
- Language: JavaScript
- Homepage: http://graphify.ayushsoni1010.com/
- Size: 1.3 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Graphify 💹
Generate Dynamic PDF Reports with Ease
Transform Data into Insightful PDF Reports with Dynamic Charts
## Embrace the Challenge 💡
Welcome to the world of **Graphify**, a tool designed to unlock the power of data visualization and report generation. Whether you're an experienced developer, a creative designer, or an enthusiastic explorer, there's room for your innovation here.
Join us in crafting dynamic, data-driven PDF reports that turn information into a visual masterpiece.
## Table of Contents
- [Introduction](#introduction-)
- [Key Features](#key-features-)
- [Overcoming Challenges](#overcoming-challenges-)
- [Tech Stack](#tech-stack-)
- [Innovative Report Generation](#innovative-report-generation-)
- [Getting Started](#getting-started-)
- [Contributing](#contributing-)
- [Behind the Name](#behind-the-name-)
- [Responsive UI](#responsive-ui-)
## Introduction 📝
Graphify is a powerful tool that empowers you to generate dynamic PDF reports effortlessly. It's your gateway to transforming data into informative charts and visual insights. Whether you're creating reports on arrests or diving into government APIs, Graphify has you covered.
## Key Features ✨
- **Data-Powered Reports**: Craft detailed reports with data from various sources, and present it using line charts, bar graphs, and more.
- **Puppeteer Magic**: Use Puppeteer to generate high-quality PDFs with precision.
- **OpenAI Integration**: Connect with OpenAI for advanced reporting and data interpretation.
- **Two Paths to PDFs**: Choose between Puppeteer and HTML to PDF library for versatile PDF generation.
## Overcoming Challenges 🌟
Graphify's development journey wasn't without its challenges. From tackling Nginx setup complexities to exploring diverse Node.js-based PDF generation techniques, we overcame each obstacle, enhancing the application's capabilities.
## Tech Stack 🛠
- TypeScript
- Tailwind CSS
- Node.js
- Puppeteer
- OpenAI
- Chart.js
- Nginx
- GitHub Actions
- JavaScript
## Innovative Report Generation 📊
Create professional PDF reports that present data from government APIs in visually stunning ways. Utilize Chart.js to bring your data to life with dynamic charts, including line, bar, and more.
## Getting Started 🚀
To get started with Graphify, follow the installation and usage instructions in the project's documentation.
1. Clone the repository to your local machine:
```bash
git clone https://github.com/ayushsoni1010/graphify.git
```
2. Install the required dependencies:
```bash
cd graphify
npm install
```
3. Configure environment variables as needed.
4. Start the backend application:
```bash
npm run start
```
5. Change the directory to `frontend` and install the dependencies:
```bash
cd frontend
npm install
```
6. Start the frontend application:
```bash
npm start
```
7. Access **Graphify** in your web browser at `http://localhost:3000`.
## Contributing 🤝
Contributions to Graphify are welcome! Whether it's bug reports, feature requests, or code contributions, your input is valuable in making Graphify even better.
## Behind the Name 🌐
The project's name, "**Graphify**" encapsulates its essence. It's all about transforming data into engaging and visually striking chart elements. While the core focus is on charts like line and bar graphs, it's also a tribute to the entire report generation process.
## Responsive UI 🎨
Enjoy a fully responsive and visually pleasing user interface that adapts seamlessly to various devices and screen sizes.
**Graphify** empowers you to generate dynamic PDF reports effortlessly. Explore the potential of TypeScript, TailwindCSS, and Chart.js to create impactful, data-driven reports.
Happy charting with **Graphify**! 🚀