🎉 Introducing Easy Pastes - Easiest way to create and share code pastes

UpdatedMay 28, 2023

Comments (18)

Thank you Usman Sabuwala for Tagging me.

I never thought you will end up with such a wonderful thing. You have simplified the big problem and put it on a single page. Amazed after looking it.

The speed of the website is the advantage and the user likes to work with it.

Hope to see many new things.

Good Luck dude.

Usman Sabuwala5y ago

Thanks a ton for your kind words😊

Aditya Mitra5y ago

I would just like to say:

Found what I was looking for

I have been using pastebin for a while, but I don't like the interface and it sometimes becomes slow for older pastes.

I really like the simplicity and the speed.

It would be great if you add the support for raw text (just like GitHub does).

You have also chosen a easy-to-remember domain. Please don't remove it.

Usman Sabuwala5y ago

Thank you so much for your kind feedback, Aditya! And the raw feature like GitHub will too come soon too!

Usman Sabuwala5y ago

Aditya Mitra Just wanted to inform that the feature for raw paste is available now

Vaibhav5y ago

Nice app! I also made something similar a while back. It is also open source. Check it out at https://codedump.xyz.

Usman Sabuwala5y ago

Thank you! Yes will check it out for sure and will contribute too if possible ✌️. The name is great tho

Tracy Nuwagaba5y ago

Awesome project 🙌

Usman Sabuwala5y ago

Thanks a lot 🙂

Candy5y ago

Love the UI!

This is so beautiful!

Usman Sabuwala5y ago

Thank you so much!

Victoria Lo5y ago

Nice project! Very creative and it looks fantastic! Congrats to you and Sunrit for finishing it so well 😍

Usman Sabuwala5y ago

Thank you Victoria Lo! I guess we still have time till 23:59 PT so we're working on another feature 😉.

Done with that! Now we can set passwords for pastes

Yuvaraj5y ago

Loved the App. UI looks awesome. Well done @usmanwrites 👏

Usman Sabuwala5y ago

Thank you so much Yuvaraj😉

Eleftheria Batsou5y ago

What a great idea! This could be so useful!! Thanks for creating it Usman Sabuwala :)

Usman Sabuwala5y ago

Nice to hear that 😀!

Venkata Penumatsa5y ago

Good application, this will be a handy tool for the developers

Gaurav Tewari5y ago

Wow! you took it to next level buddy! awesome

Usman Sabuwala5y ago

Glad to know that brother 😄

More from this blog

🎣 Webhooks Demystified - Get Real-Time Personal Notifications with Discord Webhooks

Hey all 👋👋 Webhooks are a powerful tool that allow applications to communicate with each other in real-time. They are often used to send notifications or updates from one system to another without requiring manual intervention. If you know the bas...

Dec 17, 20224 min read3.5K

🎣 Webhooks Demystified - Get Real-Time Personal Notifications with Discord Webhooks

🛑 Why You Should Avoid the onclick Attribute in Your Code

Hey everyone! It's been a while since I wrote my last article. But here I am with another topic that might be informational to you 🙂. This time I am writing about why you should avoid the onclick attribute in your HTML and JavaScript code. This ar...

Dec 11, 20224 min read2.3K

🛑 Why You Should Avoid the onclick Attribute in Your Code

🎉 Presenting Memoriez - A quick & easy journal

❔ What and Why Memoriez ❔ This is a very important question because it makes things clear as to why this app is needed. I built Memoriez because I honestly found it hard to write and maintain journal/diary entries daily. It's not easy to maintain a j...

Jul 1, 20223 min read668

🎉 Presenting Memoriez - A quick & easy journal

🗃️ How to use Mongoose with Next.js for MongoDB?

Explained with a simple project

Apr 17, 20226 min read13K

🗃️ How to use Mongoose with Next.js for MongoDB?

🎨 Sort imports using Prettier in a JavaScript Project inside VS Code!

👋 Hey developers! This post is about how you can sort import statements in your JavaScript/TypeScript/React/Node etc projects easily with Prettier in VS Code when you format the code. https://www.youtube.com/watch?v=QQWgN0_gUxI What will you achieve...

Mar 22, 20223 min read4.7K

🎨 Sort imports using Prettier in a JavaScript Project inside VS Code!

Usman Writes

30 posts

Hey all! My name is Usman! I am 17 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.

✨ Introduction to the app

Easy Pastes is an app where users can easily paste some code they want to share with someone with syntax highlight and even if they want to make it public, they can do so to show other people.

It is the easiest and fastest way to share code pastes and most of the programming languages are supported. You can request to add a language on the GitHub repository.

This app is fully open-source for learners to learn and to encourage people to contribute to this project to make it better.

The app is live on easypastes.tk and open sourced on GitHub

Here is how you can use the app

Demo GIF

👥 The team

Sunrit Jana and I have been working on this app for the last fifteen days and it has been a great experience working with him!

🎨 How is the app built?

Easy Pastes is using the latest and greatest technologies! The tech stack for the app is

We are using Next.js for the whole app, Chakra UI for the user interface, Supabase for the database, and Clerk.dev for authentication.

🧐 Exploring the app

We'll be going into detail on how to use this app in this section. On the main page, you will be having the functionality to create a paste.

The authentication system is powered by Clerk.dev which is awesome!

Before creating a paste, it's recommended to sign in because your pastes are stored for future use. And you can edit and delete your pastes while you are signed in. When you create a paste while signed in, it will be your paste. You can go to the My Pastes page to see what pastes you have created.

And Easy Pastes also has multi-account system so you can sign in with multiple accounts.

ℹ️ Public pastes are shown on the home page. Private pastes are private and no one can view them except the author Unlisted pastes can be viewed by anyone from the link but are not shown on the home page

Pick a language of your choice (default: none)

Give paste a title (optional)

Change visibility and give a custom URL (optional)

ℹ️ Making a custom URL and making paste private is only available when you are signed in.

If the custom URL is not specified, it'll be a randomly generated id, and the pastes are public by default.

Paste the code and click the create button

You will be redirected to your created paste which you can then share the link to someone, copy the code, delete and edit the paste.

🧱 PWA (new)

With the latest update, Easy Pastes is also a PWA and it can be installed and used as an app.

As a PWA, it also has shortcuts to directly open the My Pastes page

🔑🔒 Password protection (new)

We're also now focused on security. We have added a feature consisting of protecting your pastes and storing the secure password hash in DB. No one other than you, or people can access it! This is one of the features we're really proud of!

Set a password using this button

And then visit the page where you would need to enter the password to view it

👽️ Your profile

You can change your account settings by clicking your account button on the top right and settings. But in this case, you also get the functionality to view your own pastes.

When you click on the My Pastes link in the navbar, you will see your own pastes.

You can achieve this behaviour by simply setting the username in user settings else it will be the user id.

On this page, you are able to view pastes you have created and you can even filter them by All, Public, Unlisted, and Private.

If the page is viewed by someone else, they will only be able to see the public pastes you have created.

💫 Conclusion

And that is how Easy Pastes works! Thanks to Hashnode for organizing this hackathon. It helped me so much to build my first full-stack web application.

I want to thank the folks over at Discord and Twitter who helped me to improve this app by giving their valuable feedbacks.

The Clerk team on Discord was very helpful to us. They were very helpful whenever we had any queries regarding Clerk.

Sorry if I missed someone :)

Feel free to contribute to the project on the GitHub repository and give your suggestions and how the app works in the comments.

https://easypastes.tk

https://github.com/max-programming/easypastes

📈 Updates

27-07-2021:

With this commit , swears and bad words are filtered from the Title and Custom URL

28-07-2021

Made Easy Pastes a PWA
Custom 404 page

29-07-2021

We're here with another amazing update! Added password protection
Fixed the heading and footers.

02-08-2021

Viewing paste in raw mode feature

Command Palette

Comments (18)

Found what I was looking for

More from this blog

✨ Introduction to the app

👥 The team

🎨 How is the app built?

🧐 Exploring the app

Sign in and sign up

Pick a language of your choice (default: none)

Give paste a title (optional)

Change visibility and give a custom URL (optional)

Paste the code and click the create button

Share, copy, edit, or delete the paste

🧱 PWA (new)

🔑🔒 Password protection (new)

👽️ Your profile

💫 Conclusion

📈 Updates

27-07-2021:

28-07-2021

29-07-2021

02-08-2021