Anomm - how i created an open source anonymous messaging service

Pushkar Yadav — Fri, 17 Mar 2023 10:19:41 +0000

ANOMM

ANOMM is a open source anonymous messaging service. It is a web app which allows you to send anonymous messages to anyone with a link. This delivers message directly to receiver's telegram account. It is a open source project and you can find the code here.

How I made it

Tech Stack

Next.js 13 (React.js framework)
Tailwind CSS
Telegram API
Firebase
Vercel
Rest API

How it works

Go to @anomm_bot on telegram and send /start command.
- Sometime this bot link doesn't work so you can also search for @anomm_bot in telegram search bar and send /start command.
Visit anomm.pushkaryadav.in Press Get Started enter your telegram username.
It will check for recent request on server and will show you the link. It will also share the link to your telegram account.
Now you can share the link with anyone and they can send you anonymous messages which will be delivered into your telegram inbox via @anomm_bot.

How it is made

I registered a telegram bot via botfather and got the token.
I created a rest api which will send message to telegram bot via telegram api when user enters his username on the website. You can see the register bot api code here.
Then i created a message api which will send message to telegram bot via telegram api when user sends message to the link. You can see the message bot api code here.
Now all these api's only support cross origin based POST requests so only this website can send request to the apis.
I created dedicsted pages for all these api's to interact with frontend and backend. You can see the code here
All code is mentioned via comments in the code.
Now the things were hosted on vercel using firebase as database for storing just usernames and message counts so to protect user privacy. This is just an end to end service which makes it superfast and secure. If user is not connected to interned messages will be on telegram bot and will be delivered when user is connected to internet for 24 hours.

How to contribute

You can also contribute in making UI better, adding new features or fixing bugs.
You can also add new pages Refer Github Repository once as enviornment variables are by default limited to just production and you will need your's for that.

Conclusion

I hope you liked this project. If you have any suggestions or feedback please let me know in the comments. If you liked this project please share it with your friends and also follow me on twitter and github.

References

Author

Portfolio | Github | Twitter

Realtime GitHub Readme Tweets

Pushkar Yadav — Thu, 16 Mar 2023 02:05:22 +0000

Hey now you can integrate your tweets into github readme in realtime.
I have created a api which will fetch your tweets and give you a response in picture format.
A tweet looks like this:

Let's See how to integrate it in your readme.

Step 1: visit tweeco.pushkaryadav.in

Step 2: Enter your twitter username

here you have 2 choices. You can either enter your twitter username or you can enter a specific tweet url.

Tweet username will always return a latest tweet in svg rendered form
Tweet url will return a specific tweet in svg rendered form

Step 3: Copy the markdown code and paste it in your readme file

Step 4: Costumization

You can costumize tweet with url parameters.
Here are some:

Property Code	Work
`?text=fff`	text color
`?border=000`	border color
`?width=700`	width of image rendered
`?bg=333`	background color
`?title=F5D76E`	title color
`?icon=F5D76E`	twitter icon color

Modify the url with the above parameters and you will get a costumized tweet.

[![](https://tweeco.pushkaryadav.in/api/handle/pushkaryadavin?text=fff&border=000&width=700&bg=333&title=F5D76E&icon=F5D76E)](https://tweeco.pushkaryadav.in)

Do not use # in color code. Use F5D76E instead of #F5D76E
For colors you can refer to COLPIC or any color code website.

Step 5: Commit and Done.

PRO TIP 😎: You can also use this api in your website. Just use the api url in your img tag.

Need Help?

See our GitHub repo for more information and time to time upgrades.

Forem: Pushkar Yadav