DEV Community: Shivesh Tiwari

Craft Perfect Github Readme's with READMEKRAFT

Shivesh Tiwari — Fri, 09 Aug 2024 21:45:18 +0000

ReadmeKraft - Craft Perfect GitHub Markdown Files with AI

readmekraft.vercel.app

Take your GitHub projects to the next level with ReadmeKraft! Instantly generate professional README.md, CONTRIBUTING.md, and more using advanced AI. Effortlessly create detailed and attractive documentation, boost your repository’s appeal, and attract more collaborators. Free to use, ReadmeKraft is your go-to tool for enhancing your GitHub presence and making your projects shine.

Visit
Github

How to build websites 10x faster

Shivesh Tiwari — Fri, 19 Jul 2024 21:04:39 +0000

Imagine you're racing against the clock to launch your next big web project. The deadline is tight, and the pressure is on. In the fast-paced world of web development, efficiency and speed are paramount. Imagine having a tool that not only accelerates your development process but also ensures a seamless, professional, and customizable user interface. Welcome to Elementique—a game-changing npm component library designed to make web development faster and streamline rapid prototyping.

Please note that Elementique is currently in its Beta developent stage. And the good thing is that you can improve this library, cause it is open source under MIT License. I have created the initial few components.

Why Should You Use Elementique?

Picture this: you're on a tight deadline to deliver a sleek, fully-functional website. You spend hours writing repetitive JSX for simple components, tweaking CSS for responsive designs, and ensuring a cohesive user experience across all devices. Sounds familiar? What if there was a way to cut down this time drastically while maintaining high quality and customization? Enter Elementique.

Key Features of Elementique

Save 90% of Development Time: Eliminate the need to write redundant JSX and CSS for common components. Elementique comes with pre-built, highly customizable components that can be easily integrated into your projects, allowing you to focus on what truly matters—creating a unique user experience.
Instant Customization: With different in-components variants, you can tailor each element to your specific needs without deep diving into code. - Elementique provides a robust set of options to customize each component, ensuring that your design vision is fully realized.
Responsive Design Made Easy: Built-in adaptability ensures your components look stunning on any device, from mobile to desktop. Elementique takes care of the responsiveness, so you don't have to.
Plug-and-Play Simplicity: Import components seamlessly into your projects and start building immediately—no complex setups required. With Elementique, you can get started in minutes, saving precious development time.
Consistent UI/UX: Maintain a professional and uniform design across your entire site with Elementique's cohesive component library. Say goodbye to inconsistent styling and hello to a polished, user-friendly interface.

Important Links

npm: https://npmjs.org/package/elementique
Browse Storybook Components: https://react-elementique.github.io/elementique
github: https://github.com/react-elementique/elementique
Documentation: https://elementique-docs.netlify.app/docs

Conclusion

In the competitive landscape of web development, having the right tools can make all the difference. Elementique empowers developers to create stunning, responsive websites rapidly and efficiently. By leveraging its extensive library of pre-built, customizable components, you can focus on innovation and functionality, rather than getting bogged down by repetitive tasks.

Elementique is not just a component library, it's aimed to make web development faster ⚡

Ready to revolutionize your web development process? Give Elementique a try and experience the future of rapid prototyping and efficient design.

Want to search for Open Source Repos on Github to contribute to?

Shivesh Tiwari — Sun, 05 Nov 2023 17:39:54 +0000

Hey folks,

Although this is no such tech stuff, and yeah it's very easy that anyone can do.
I recently created (I mean, I just... whatever) an AI agent that can give the names of Open Source repos available by knowing the category for searching the repo.

Just enter a category like hacking and it will provide a list of different open source repos available.

You can try this out: Live

Doc: Click

Pokedex web app in React using PokemAPI

Shivesh Tiwari — Sun, 15 Oct 2023 18:17:18 +0000

Hi folks!

This is just a small post about my new open-source repo where you can contribute under Hacktoberfest.

Hacktoberfest is going on.
Are you contributing to Open Soruce?

Here is an open source repository, Pokedex a pokemon's web app where you can contribute.

This project is made with React, Tailwind and uses the PokeAPI.

Give the Repo a 🌟
And follow me on Github

Happy Hacking!!

How to write a Leave Application, but using Python

Shivesh Tiwari — Thu, 01 Jun 2023 12:47:53 +0000

This is a very beginner project, so don't worry if you have zero knowledge of programming but you want to create your own working program.

Ideation

So, as you all know that we have a specific format to write an application. In this post, I've chosen a leave application. Firstly, what we want is the sample of the application. Then, we are going to format the sample of the application with the important information. And at the end, we'll create a new file to output the text application and save it.

Prerequisites

A basic knowledge of file handling and string formatting.

The way I am going to make the program is using file handling in Python with string formatting. But you can also just make the use of string formatting to modify the program.

How ?

Firstly I saved a very raw and simple sample of application written in a file named, "letter.txt". I've used a simple format. Modify the file as per your requirements.

To
the Principal

{school_name}

Subject: Sick Leave Application

I am {name} of {class_name} of your institute. I am writing this
application to inform you that I am suffering from {reason} and
therefore, I want sick leave from school. I got this infection
last night and I will not be capable to come to the office for
from {start_date} for a several days. As advised by my doctor,
I should take rest and recover appropriately before continuing
work. The report from the doctor is also attached for your
reference.

Kindly grant me a leave for {no_days} days.

Yours Sincerely,

{name}

Note: Just keep the data that is to be changed with the application inside "{ }" brackets. And use a single unique word to define the information used inside it. We are going to change this information using string formatting

Now create a Python script file, say "letter.py" and start to code.

Coding

Firstly, we are using the template saved in our file, "letter.txt". So, we'll have to use it, open and read the content inside it. We are going to use the concept of file handling here.

letter = open("letter.txt", "r")
text = letter.read()

In these two lines, I've opened the file, in read mode (because we don't want to modify the file) and then I've read the content inside the file using read function and stored it in a variable, text.

Now, we have got the format in the text variable. Now, just replace those reference variables written inside the "{ }" brackets with the required data.

We're going to make the user input the required data. So, let's make some variables to let the user input some data.

name = str(input("Enter your name: "))
school_name = str(input("Enter your school's name: "))
class_name = str(input("Enter the class: "))
reason = str(input("Enter the reason for being absent: "))
start_date = str(input("Enter the date from which leave starts: "))
end_date = str(input("Enter the date from which leave ends: "))
no_days = str(input("Enter the no. of days: "))

Note: I've used the same word references stored in the file inside "{ }" brackets. You can also do the same to remove any confusion.

Now, everything is well setup for us.

At last, We have to change the content in the text variable.

temp_str = f"{text}".format(name=name, school_name=school_name,
class_name=class_name, reason=reason, start_date=start_date,
end_date=end_date, no_days=no_days)

letter.close()

I've created a variable and then changed its content with the text content of text variable, using string formatting. And after that in the same variable I've replaced the references with the variables.

This is a bit complicated to see as I've combined two steps in one. But, just look at it once and you will get it easily. If not, separate the two steps and print them one by one and see the difference.

At the end, close the opened file, "letter.txt".

Now, you have created your application using python. Print the "temp_str" variable and see the output.

Here, we are going to make a new output file to save the application.

So, we'll again use the concept of file handling.

output = open("output.txt", "w")

output.write(temp_str)

output.close()

Congratulations! You have created a Python program to create your own application.

Now Run the script and see the magic...

Don't forget to like this post and Subscribe for more.
Till then, Bye Bye! See ya 😉

How to Create a GUI pdf to jpg/png Converter Tool in Python

Shivesh Tiwari — Fri, 26 May 2023 07:48:12 +0000

If you are into technical writing, you must have faced some situations where you need to convert pdf to some image format or convert a image into other format. What do you do? A quick google search and you'll get some websites that do this task perfectly, but suppose if you're offline? Why not build a tool ourselves? A lightweight tool, easy to use, and most importantly GUI based.

Unlocking the power of Python and the magic of graphical user interfaces (GUIs), we embark on an exciting journey to create a versatile and intuitive PDF to JPG/PNG converter tool. In this article, we'll unravel the secrets behind building a user-friendly application that seamlessly transforms PDF documents into vibrant image files with just a few clicks.

One can also expand this GUI and add more conversion options like png to jpg, pdf to docx, etc.

Tkinter Setup

Create a file main.py and setup tkinter.

import tkinter as tk
from tkinter.ttk import *

window = tk.Tk()
window.title("Pdf to jpg/png Converter")
window.resizable(0, 0)
window.config(width=50)

# Create a GUI here

window.mainloop()

This is a basic setup of the Tkinter file.
Now lets create a file to handle all our conversions.

Converter funcitons

Create a python file in the same folder and name it "Converter.py". It will contain some functions to handle the conversion of pdf to jpg and png.
We are going to use PyMuPDF
pip install PyMuPDF
We need to import this as fitz.
So, the code in Converter.py will look like:

import fitz

def ConvertPDFtoImage(file, extension, outputType):
    doc = fitz.open(file, filetype="pdf")
    filename = file.split('.')[0]

    for idx, page in enumerate(doc):  
        pix = page.get_pixmap(dpi=600)
        the_page_bytes=pix.pil_tobytes(format=outputType)
        with open(f"{filename}-page-{idx}.{extension}", "wb") as outf:
            outf.write(the_page_bytes)

In the function ConvertPDFtoImage we are getting 3 arguements. Firstly, we need to open the file that we have to convert from pdf to jpg/png. Then to handle the filename to save the file, we will get the filename from the given file, by using split('.') we'll separate the filename and the extension and the output will be a list, then split('.')[0] will give the first element of the list, which is the filename.
Now run a loop, with index and page for the given file and start conversion by the above code. Finally, save the files.

Now almost all basic setup is done. Now lets create the GUI.

Tkinter GUI

Add this code in your main.py file above the window.mainloop()

# Create a StringVar to handle the changed value of tkinter Entry
file_str = tk.StringVar(window)

fileLabel = Label(text="Enter File Path:", font=('Calibri', 11))
fileLabel.pack(fill=tk.X, padx=16, pady=(16, 0))
inputTxt = tk.Entry(
    font=('Calibri', 12),
    textvariable=file_str
)
inputTxt.pack(fill=tk.X, padx=16)

separateLabel = tk.Label(text="Or")
separateLabel.pack(pady=5)

def chooseFileCommand():
    file = filedialog.askopenfilename()

    if file is not None:
        file_str.set(file)

chooseFile = tk.Button(   # Add a choose file button
    text="Choose File",
    command=chooseFileCommand
)
chooseFile.pack(pady=(0, 10))

# Create a frame to contain the conversion options
frame1 = tk.Frame(window, width=50, padx=16, pady=16)
frame1.columnconfigure(0, weight=1)
frame1.columnconfigure(0, weight=3)

label1 = tk.Label(
    frame1,  # This label should be in frame
    text='Convert to:',
    padx=10,
    font=('Calibri', 12)
).grid(column=0, row=0)

combo = Combobox(
    frame1,
    state="readonly",
    values=["png", "jpg"],
)
combo.current(0)
combo.grid(column=1, row=0)

frame1.pack()

def handleConversion():
    print("Convert:", file_str.get())
    print("To:", combo.get())
    file = file_str.get()
    extension = combo.get()

    if (extension == 'png'):
        ConvertPDFtoImage(file, extension, 'PNG')
    if (extension == 'jpg'):
        ConvertPDFtoImage(file, extension, 'JPEG')

convertBtn = tk.Button(
    window,
    text="Convert", 
    bg="royalblue", 
    fg="white", 
    border=0,
    padx=5,
    font=('Calibri', 12, 'bold'), 
    command=handleConversion
)
convertBtn.pack(pady=10, padx=16, side="right")

After doing this, you're GUI pdf to jpg/png conversion tool is ready. Make sure you give your appreciation to this post if you liked it, as it gives motivation to further make more posts like this. Also subscribe for more like this.

Till then,
Bye Bye, See ya!