Fake Data Paradise

• 

  Showcase

• 

  Data generation

• 

  Saving data through save config button

Inspiration 💡

I was learning SQL and every time I had to create a table with several rows of data to practice it. So I stumbled upon some websites which generate fake data. And found some drawbacks while using them they were not easy to use, dated UI, and not beginner-friendly. So I decided to create one for myself during this hackathon.

What it does 🧐

This website generates fake data 📝 ranging from a Persons' personal details 🧍 like name, city, account number to a Vehicle's model 🚗.

How I built it 🏗️

First I created a demo html page to work with javascript and created the project without the UI then I created new HTML and CSS file to make the UI and also added bootstrap cdn.

Challenges I ran into 🤯

The most difficult thing was to make the data available for download without using node as I don't know node so I came across blob and file api to do it.

Accomplishments that I am proud of

I am proud to create this project on time although I wanted to add some more features to it but I will make them later. I also learned a lot about new web technologies and libraries. This project gave me time and motivation to learn bootstrap alongside incorporating it into this project. Working on this project in these two days was fun 😃.

What I learned

A lot of things like using faker.js and bootstrap. I also came to know about undraw.co which provides amazing illustrations for your websites.

What's next for Fake Data Paradise

Few more features I would like to include are -

1. Get data in different file formats like Excel, JSON, SQL and other known file types.
2. Get the data through email.

Built With

• bootstrap
• css3
• faker.js
• html5
• javascript