Ushantha5

Follow

『⩇⩇:⩇⩇』☕︎inga samma மழை⛈சும்மா தான் இருக்கன்𓄂𓆃

Ushantha︻デ┳═ー Ushantha5

『⩇⩇:⩇⩇』☕︎inga samma மழை⛈சும்மா தான் இருக்கன்𓄂𓆃

Follow

⏱ 🇱🇰நல்வரவு▒▒▒𓁈Mr.G☁️ᴠͥɪͣᴘͫUshantha 𓃵· Bug hunte𓃵r 🐞 1M♡9k⎙3M⌲.· Python 𓄂𓆃& JS · Open-Source𓊝Defeก็็็็็็็็็็็็็็็็็็็der𓊆MR5𓊇

2 followers · 3 following

Mr.5
vavuniya ,srilanka
Open Pord http://localhost:65535 Open Heart
in/ushantha5
@Mr_Ushantha
@ushantha.bsky.social
https://ko-fi.com/ushantha/gallery

Achievements

Achievements

Ushantha5/README.MD

Hi there 👋

Hello < World >! I'm Mr ushantha 👋

Full-Stack Developer | 3D Game Developer | CEO – Mr5

🌐 **Website:** https://mr5school.vercel.app ✍️ **Blog:** https://medium.com/@ushanthamr 📺 **YouTube:** https://www.youtube.com/@Mr.Ushantha/playlists 💻 **GitHub:** https://github.com/Ushantha5

💻 Tech Stack

⏱ Coding Activity

😂 Programming Joke

https://www.masstamilan.dev/2466/nee-singam-dhan-mp3-song

                             

👋 Vanakam

I am a dedicated Backend Developer focused on building scalable systems and exploring emerging technologies. Beyond my core work, I am an active contributor to the open-source ecosystem. I am also committed to community education, where I simplify complex technical concepts for a growing audience on my TikTok channel, 🇱🇰ctdl.gt.(https://www.tiktok.com/@ushanthaofficial?is_from_webapp=1&sender_device=pc)

pacman contribution graph

📚 Language and Tools

More -> the portrait of a backend dev wannabe who commits at 3 AM🔥

📚 Languages and Tools

🔥 Streak Stats

🔥 Get streak stats for your profile at hoangtien2k3.github.io

💻💬 GitHub Profile Stats

Note: Top languages is only a metric of the languages my public code consists of and doesn't reflect experience or skill level.

⚡ Recent GitHub Activity

<style> :root { --c0: rgba(27, 31, 35, 0.06); --c1: #9be9a8; --c2: #40c463; --c3: #30a14e; --c4: #216e39; } .o, .o[data-level="0"] { fill: var(--c0); shape-rendering: geometricPrecision; outline: 1px solid var(--c0); outline-offset: -1px } .o[data-level="1"] { outline: 1px solid var(--c0) } .o[data-level="2"] { outline: 1px solid var(--c0) } .o[data-level="3"] { outline: 1px solid var(--c0) } .o[data-level="4"] { outline: 1px solid var(--c0) } .c { animation-iteration-count: infinite; animation-duration: 5s; } @keyframes c0 { from { transform: rotate(93deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c0 { animation-name: c0 } @keyframes c1 { from { transform: rotate(-83deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c1 { animation-name: c1 } @keyframes c2 { from { transform: rotate(-89deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c2 { animation-name: c2 } @keyframes c3 { from { transform: rotate(270deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c3 { animation-name: c3 } @keyframes c4 { from { transform: rotate(676deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c4 { animation-name: c4 } @keyframes c5 { from { transform: rotate(-79deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c5 { animation-name: c5 } @keyframes c6 { from { transform: rotate(-195deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c6 { animation-name: c6 } @keyframes c7 { from { transform: rotate(507deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c7 { animation-name: c7 } @keyframes c8 { from { transform: rotate(312deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c8 { animation-name: c8 } @keyframes c9 { from { transform: rotate(196deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c9 { animation-name: c9 } @keyframes c10 { from { transform: rotate(-605deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c10 { animation-name: c10 } @keyframes c11 { from { transform: rotate(-104deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c11 { animation-name: c11 } @keyframes c12 { from { transform: rotate(-456deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c12 { animation-name: c12 } @keyframes c13 { from { transform: rotate(238deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c13 { animation-name: c13 } @keyframes c14 { from { transform: rotate(208deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c14 { animation-name: c14 } @keyframes c15 { from { transform: rotate(-25deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c15 { animation-name: c15 } @keyframes c16 { from { transform: rotate(203deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c16 { animation-name: c16 } @keyframes c17 { from { transform: rotate(-552deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c17 { animation-name: c17 } @keyframes c18 { from { transform: rotate(544deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c18 { animation-name: c18 } @keyframes c19 { from { transform: rotate(224deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c19 { animation-name: c19 } @keyframes c20 { from { transform: rotate(-458deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c20 { animation-name: c20 } @keyframes c21 { from { transform: rotate(247deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c21 { animation-name: c21 } @keyframes c22 { from { transform: rotate(-651deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c22 { animation-name: c22 } @keyframes c23 { from { transform: rotate(-22deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c23 { animation-name: c23 } @keyframes c24 { from { transform: rotate(119deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c24 { animation-name: c24 } @keyframes c25 { from { transform: rotate(393deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c25 { animation-name: c25 } @keyframes c26 { from { transform: rotate(-156deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c26 { animation-name: c26 } @keyframes c27 { from { transform: rotate(394deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c27 { animation-name: c27 } @keyframes c28 { from { transform: rotate(-577deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c28 { animation-name: c28 } @keyframes c29 { from { transform: rotate(-707deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c29 { animation-name: c29 } @keyframes c30 { from { transform: rotate(-435deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c30 { animation-name: c30 } @keyframes c31 { from { transform: rotate(-305deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c31 { animation-name: c31 } @keyframes c32 { from { transform: rotate(-162deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c32 { animation-name: c32 } @keyframes c33 { from { transform: rotate(-26deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c33 { animation-name: c33 } @keyframes c34 { from { transform: rotate(569deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c34 { animation-name: c34 } @keyframes c35 { from { transform: rotate(96deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c35 { animation-name: c35 } @keyframes c36 { from { transform: rotate(511deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c36 { animation-name: c36 } @keyframes c37 { from { transform: rotate(253deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c37 { animation-name: c37 } @keyframes c38 { from { transform: rotate(468deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c38 { animation-name: c38 } @keyframes c39 { from { transform: rotate(-89deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c39 { animation-name: c39 } @keyframes c40 { from { transform: rotate(537deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c40 { animation-name: c40 } @keyframes c41 { from { transform: rotate(420deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c41 { animation-name: c41 } @keyframes c42 { from { transform: rotate(664deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c42 { animation-name: c42 } @keyframes c43 { from { transform: rotate(93deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c43 { animation-name: c43 } @keyframes c44 { from { transform: rotate(-109deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c44 { animation-name: c44 } @keyframes c45 { from { transform: rotate(-353deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c45 { animation-name: c45 } @keyframes c46 { from { transform: rotate(498deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c46 { animation-name: c46 } @keyframes c47 { from { transform: rotate(574deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c47 { animation-name: c47 } @keyframes c48 { from { transform: rotate(-658deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c48 { animation-name: c48 } @keyframes c49 { from { transform: rotate(-207deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c49 { animation-name: c49 } @keyframes c50 { from { transform: rotate(337deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c50 { animation-name: c50 } @keyframes c51 { from { transform: rotate(286deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c51 { animation-name: c51 } @keyframes c52 { from { transform: rotate(131deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c52 { animation-name: c52 } @keyframes c53 { from { transform: rotate(286deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c53 { animation-name: c53 } @keyframes c54 { from { transform: rotate(668deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c54 { animation-name: c54 } @keyframes c55 { from { transform: rotate(-640deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c55 { animation-name: c55 } @keyframes c56 { from { transform: rotate(-111deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c56 { animation-name: c56 } @keyframes c57 { from { transform: rotate(-232deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c57 { animation-name: c57 } @keyframes c58 { from { transform: rotate(202deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c58 { animation-name: c58 } @keyframes c59 { from { transform: rotate(291deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c59 { animation-name: c59 } @keyframes c60 { from { transform: rotate(176deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c60 { animation-name: c60 } @keyframes c61 { from { transform: rotate(-720deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c61 { animation-name: c61 } @keyframes c62 { from { transform: rotate(-644deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c62 { animation-name: c62 } @keyframes c63 { from { transform: rotate(-516deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c63 { animation-name: c63 } @keyframes c64 { from { transform: rotate(388deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c64 { animation-name: c64 } @keyframes c65 { from { transform: rotate(644deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c65 { animation-name: c65 } @keyframes c66 { from { transform: rotate(528deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c66 { animation-name: c66 } @keyframes c67 { from { transform: rotate(361deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c67 { animation-name: c67 } @keyframes c68 { from { transform: rotate(718deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c68 { animation-name: c68 } @keyframes c69 { from { transform: rotate(-361deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c69 { animation-name: c69 } @keyframes c70 { from { transform: rotate(-433deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c70 { animation-name: c70 } @keyframes c71 { from { transform: rotate(255deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c71 { animation-name: c71 } @keyframes c72 { from { transform: rotate(19deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c72 { animation-name: c72 } @keyframes c73 { from { transform: rotate(637deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c73 { animation-name: c73 } @keyframes c74 { from { transform: rotate(427deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c74 { animation-name: c74 } @keyframes c75 { from { transform: rotate(-189deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c75 { animation-name: c75 } @keyframes c76 { from { transform: rotate(-327deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c76 { animation-name: c76 } @keyframes c77 { from { transform: rotate(297deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c77 { animation-name: c77 } @keyframes c78 { from { transform: rotate(-685deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c78 { animation-name: c78 } @keyframes c79 { from { transform: rotate(537deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c79 { animation-name: c79 } @keyframes c80 { from { transform: rotate(386deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c80 { animation-name: c80 } @keyframes c81 { from { transform: rotate(-497deg) } 60% { transform: rotate(0deg) } to { fill: var(--c4) } } .c.c81 { animation-name: c81 } @keyframes c82 { from { transform: rotate(-476deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c82 { animation-name: c82 } @keyframes c83 { from { transform: rotate(-451deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c83 { animation-name: c83 } @keyframes c84 { from { transform: rotate(48deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c84 { animation-name: c84 } @keyframes c85 { from { transform: rotate(227deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c85 { animation-name: c85 } @keyframes c86 { from { transform: rotate(458deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c86 { animation-name: c86 } @keyframes c87 { from { transform: rotate(-509deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c87 { animation-name: c87 } @keyframes c88 { from { transform: rotate(160deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c88 { animation-name: c88 } @keyframes c89 { from { transform: rotate(278deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c89 { animation-name: c89 } @keyframes c90 { from { transform: rotate(631deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c90 { animation-name: c90 } @keyframes c91 { from { transform: rotate(-400deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c91 { animation-name: c91 } @keyframes c92 { from { transform: rotate(-496deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c92 { animation-name: c92 } @keyframes c93 { from { transform: rotate(315deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c93 { animation-name: c93 } @keyframes c94 { from { transform: rotate(113deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c94 { animation-name: c94 } @keyframes c95 { from { transform: rotate(-137deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c95 { animation-name: c95 } @keyframes c96 { from { transform: rotate(-592deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c96 { animation-name: c96 } @keyframes c97 { from { transform: rotate(293deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c97 { animation-name: c97 } @keyframes c98 { from { transform: rotate(-319deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c98 { animation-name: c98 } @keyframes c99 { from { transform: rotate(-673deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c99 { animation-name: c99 } @keyframes c100 { from { transform: rotate(267deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c100 { animation-name: c100 } @keyframes c101 { from { transform: rotate(177deg) } 60% { transform: rotate(0deg) } to { fill: var(--c2) } } .c.c101 { animation-name: c101 } @keyframes c102 { from { transform: rotate(24deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c102 { animation-name: c102 } @keyframes c103 { from { transform: rotate(682deg) } 60% { transform: rotate(0deg) } to { fill: var(--c3) } } .c.c103 { animation-name: c103 } @keyframes c104 { from { transform: rotate(429deg) } 60% { transform: rotate(0deg) } to { fill: var(--c1) } } .c.c104 { animation-name: c104 }</style> Get your own gitartwork on jasineri/gitartwork

Popular repositories Loading

1stRepo 1stRepo Public

1
Cursor-01 Cursor-01 Public

my cursor 1st project

1
HTML HTML Public

1
weather-app weather-app Public

this my new github project ,use HTML ,CSS ,JAVASCRIPT this web solving instend find weather any city in tha world / this web devolop by MR.G and YT and MR.5 and Ushantha

1
Average-Calculator Average-Calculator Public

CSS 1
todo todo Public

A minimal and beginner‑friendly To‑Do App for creating, managing, and tracking daily tasks. Perfect for learning CRUD basics, frontend design, and backend APIs. Short repo description (for GitHub A…

JavaScript 1