Skip to content

Powerful CSV & Excel Import experience for SaaS πŸš€ Save months building data import experience from scratch πŸ’°

License

Notifications You must be signed in to change notification settings

implerhq/impler.io

Repository files navigation


Impler Contributors Impler Forks Impler Issues Impler Stars

Readymade and scalable data import experience for developersπŸ‘©β€πŸ’»

Simple and intuitive way to onboard users data via guided import widget

πŸ€” Why Impler?

Impler provides embeddable, scalable, and readymade data import experience in products. With Impler you don't need to worry about building and managing complex architecture for importing customers' data. Just integrate impler with few easy steps and the data import experience will be ready in just a few minutes.

✨ Features

  • πŸ•ΈοΈ Guided and responsive data import widget
  • ☠️ Static and Dynamic validations to validate all kinds of data
  • πŸ“” Auto-generate Excel template along with excel based validations
  • 🧹 Facility to clean the invalid data during import
  • πŸͺ Webhook support to send imported data to the application
  • πŸ’ͺ Ability to provide default and dynamic schema
  • πŸ§ͺ Event hooks to react according to widget status
  • πŸ€Έβ€β™‚οΈ Facility to format data application receives
  • πŸ‘¨β€πŸ’» Guided and driven by community

πŸš€ Getting Started

The best way to explore the possibilities of the platform is by creating your Import. Head over to web portal and setup your account.

After setting up your account, you can create an import and add columns to it. Once columns are added you're ready to import data.

There are two ways:

  1. Click on Import button to open the import widget from the web portal
  2. Embed import widget import widget into your application

To integrate impler into your reactjs application, you need to install the package:

npm install @impler/react

Add script in your app before closing body tag

<script type="text/javascript" src="https://embed.impler.io/embed.umd.min.js" async></script>
import { useImpler } from '@impler/react';
        
const { showWidget, isImplerInitiated } = useImpler({
    templateId: "<TEMPLATE_ID>",
    projectId: "<PROJECT_ID>",
    accessToken: "<ACCESS_TOKEN>",
});

<button disabled={!isImplerInitiated} onClick={showWidget}>
    Import
</button>

🏁 Contributing

Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Here are a few ways:

  • Help with open issues or create your own
  • Share your thoughts and suggestions with us over discord
  • Help create tutorials and blog posts
  • Request a feature by opening an issue with the tag enhancement
  • Report a bug by providing steps to reproduce

If you have something in mind that would make it better, please fork the repo and create a pull request. Every hand is appreciated!

πŸ’» Need Help?

We are more than happy to help you. If you are getting any errors or facing problems while working on this project, join our discord server and ask for help. We are open to discussing anything related to the project.

⚑ Immediate working space with Gitpod

Open in Gitpod

πŸ”— Quick Links

🏑 Home page
πŸ—οΈ Contribution Guidelines
πŸ’» Run Impler Locally

πŸ›‘οΈ License

Impler is licensed under the MIT License - see the LICENSE file for details.

πŸŽ–οΈ Thank you

The beauty of open-source software is enhanced through collaborative efforts. Don't forget to give the project a star ⭐! Thanks again!