My Projects
tags
Bladers Multiplayer spinning tops(Game UX) ๐ŸŽฎ hero image
Bladers Multiplayer spinning tops(Game UX) ๐ŸŽฎ
October 2020 - Present 2021
UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
Bladers is a game with 4.2 rating on playstore(It changes). It is an exhilarating and realistic gaming experience which allows the player to clash with other real-time players on a one-on-one spinning top battle. Players can either play with friends or with a random player across the internet. Click here to know more about the  features of the game ๐Ÿ‘ˆ
We have acheived a total of 3,00,000+ i.e 3 Lakh+ installs till now which is massive๐Ÿ˜… and still counting.

Status | โœ…
This project is in production. just recently succesfully released design v2.0

Team size | 4 | ๐Ÿคผ
My role๐Ÿ‘‰ I have handled all the UX as well as the 2D non-digetic game graphics assets. I have made the playstore Ads, screenshots and logo and also designed the design v2.0.

Technologies used | ๐Ÿ’ป
Figma | Unity | Android | Photon Server | Photopea

See the live design clickable prototype at Figma 
Game adsense AD animation
Bladers Multiplayer logo
Brahmos Interactive logo
Playstore feature cover image
Playstore feature cover image
Playstore feature cover image
Movie New tab extension ๐ŸŽฌ hero image
Movie New tab extension ๐ŸŽฌ
July 2020 - August 2020
Frontend, UX/UI and Backend
Click here to expand this card ๐Ÿ‘ˆ
Movie New tab is an extension which can run in chrome and firefox browsers. But wait this extension is not yet published to the store. But you can still search your favorite movies and get the details about it. Try it with the below link.
If you are a coder or a designer and you like my portfolio then please do โญ this repo here ๐Ÿฅบ GitHub ๐Ÿ‘ˆ 

Status | โœ…
This project is almost completed, but I will add more features in future to make more information available to my users. You can check out the project using the link below and try it.

Team size | 1 | ๐Ÿคผ
Ahh, I am the only one managing this project till now๐Ÿ˜‰. From ideation to UX & UI to Development and production. Everything!๐Ÿ’ช

Technologies used | ๐Ÿ’ป
JavaScript ES6 | Sass | CSS 3 | HTML 5 | Figma | Vercel
Browsing a movie
Movie detailed description page
Search movie/TV shows page
My Portfolio ๐Ÿ˜… hero image
My Portfolio ๐Ÿ˜…
April 2020 - present
Full Stack, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
Yes, this portfolio is itself a UX/frontend project. I have designed the whole UI and coded it as well. I have used all my gained skills to make it as responsive as possible.
If you are a coder or a designer and you like my portfolio then please do โญ this repo here ๐Ÿฅบ GitHub ๐Ÿ‘ˆ 

Status | โœ…
This project is completed, though currently it's not in active development.

Team size | 1 | ๐Ÿคผ
Ahh, I am the only one managing this project๐Ÿ˜‰. From ideation to UX & UI to Development and production. Everything!๐Ÿ’ช

Technologies used | ๐Ÿ’ป
JavaScript ES6 | Sass | CSS 3 | HTML 5 | Figma | Photoshop | Vercel
My profile picture with yellow background
My picture photoshopped with yellow background
Hacktoberfest KIIT 2020 ๐ŸŽค hero image
Hacktoberfest KIIT 2020 ๐ŸŽค
October 2020 - November 2020
UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
We at our University with a bunch of people have designed & developed an event website for the biggest opensource event Hacktoberfest 2020 collaborately. You can check out the ๐Ÿฅบ Live Hosted Link ๐Ÿ‘ˆ 

Status | โœ…
This project is completed

Team size | 2-10 | ๐Ÿคผ
I with my teammates have designed the whole website UX as well as UI.

Technologies used | ๐Ÿ’ป
Figma | Illustrator | Gatsby React
Registration Page
Hero Image
ChaosCarnival Website ๐ŸŽก hero image
ChaosCarnival Website ๐ŸŽก
September 2020 - November 2020
Frontend, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
It is the landing event page for a global two-day virtual conference for Cloud Native Chaos Engineering.

Status | โœ…
This project is completed. The event ChaosCarnival is going to happen on Feb 10th & 11th, 2021.

Team size | 5-10 | ๐Ÿคผ
My role๐Ÿ‘‰ I have contributed to the UX and UI design of all the pages with the team, as well as coded the frontend in React, looked into the image optimizations to increase the page loading speed. Improved the pagespeed insights by 20+ points presently 66/100 which was earlier at 44/100.

Technologies used | ๐Ÿ’ป
Figma | React | Typescript | HTML | Styled Components etc

See the UX and UI in Figma 
Sponsors of ChaosCarnival
End screen in the landing page
Sponsorship details page
Sponsorship details page
Team details page
ChaosCarnival square logo
ChaosCarnival cover image
LitmusChaos Website ๐Ÿงช hero image
LitmusChaos Website ๐Ÿงช
July 2020 - August 2020
Frontend, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
"Chaos Engineering for your Kubernetes" Chaos engineering is fundamental to increasing the resilience of todayโ€™s cloud native, highly dynamic applications and infrastructure. Kubernetes developers and SREs use Litmus to create, manage and monitor chaos workflows by extending Kubernetes itself.

Status | โœ…
This project is completed.

Team size | 10-15 | ๐Ÿคผ
My role๐Ÿ‘‰ I have contributed to the UX as well as UI and optimized the images which hugely increased the page speed insights by around 40+ points now at 88/100.
Also contributed to the making of the brand mascot ChaosBird.

Technologies using | ๐Ÿ’ป
Figma | React | Golang | Typescript | Electron

A section in landing page
ChaosHub section in landing page
Home section in landing page
Community section in landing page
ChaosNative Landing Page UX Hackathon ๐Ÿฑโ€๐Ÿ’ป hero image
ChaosNative Landing Page UX Hackathon ๐Ÿฑโ€๐Ÿ’ป
May 2021 - May 2021
UX and UI design
Click here to expand this card ๐Ÿ‘ˆ
Created a landing page for ChaosNative UX and UI design in a 3 Day hackathon.

Status | โœ…
This project is completed.

Team size | 1 | ๐Ÿคผ
Ahh, I am the only one managing this project till now๐Ÿ˜‰. From ideation to UX & UI to Development and production. Everything!๐Ÿ’ช

Technologies used | ๐Ÿ’ป
Figma
cards
signup
Hero Image
Kubera Propel Backend ๐Ÿš‚ hero image
Kubera Propel Backend ๐Ÿš‚
October 2020 - November 2020
Backend and API Design
Click here to expand this card ๐Ÿ‘ˆ
Kubera Propel is based on the most popular open-source Container Attached Storage project, OpenEBS, which MayaData started and continues to lead.

Status | ๐ŸŸก
This project is in progress. But I am not there in the team anymore.

Team size | 15-20 | ๐Ÿคผ
My role๐Ÿ‘‰ I have contributed to the backend and API design for creating the Kubernetes clusters and associated CRUD operations.

Technologies used | ๐Ÿ’ป
Golang | GraphQL | Plotly.JS | React | AWS | Kubernetes | Docker
Homepage, installing propel agent on your kubernetes
Selecting nodes in your kubernetes
Creating storage pools in your kubernetes
Kubera Propel Cover Image
Growth Metrics ๐Ÿ“ˆ hero image
Growth Metrics ๐Ÿ“ˆ
September 2020 - October 2020
Backend and UX
Click here to expand this card ๐Ÿ‘ˆ
Growth Metrics is a marketing platform for MayaData to track and target thier users who are using their product.

Status | ๐ŸŸก
This project is in development. But I am not there in the team anymore.

Team size | 3-5 | ๐Ÿคผ
My role๐Ÿ‘‰ I have done significant contributions in developing the backend as well as creating the UX of the dashboards.

Technologies used | ๐Ÿ’ป
Golang | GraphQL | Quay.io
Filtering by IP addresses API(Dashboard)
Filtering by popularity API(Dashboard)
Comparing IPs Dashboard UX
Litmus & Repute UX ๐Ÿงช hero image
Litmus & Repute UX ๐Ÿงช
June 2020 - August 2020
UX and UI
Click here to expand this card ๐Ÿ‘ˆ
Litmus is a toolset to do cloud-native chaos engineering. Litmus provides tools to orchestrate chaos on Kubernetes to help SREs find weaknesses in their deployments. SREs use Litmus to run chaos experiments initially in the staging environment and eventually in production to find bugs, vulnerabilities. Fixing the weaknesses leads to increased resilience of the system.

Status | ๐ŸŸก
This project is in development. But I am not there in the team anymore. You can have a look at the opensource project  here ๐Ÿ‘ˆ.

Team size | 110-125 | ๐Ÿคผ
My role๐Ÿ‘‰ I have done significant contributions in developing the UX of the internal dashboards and workflows.
Also contributed to the making of the brand mascot ChaosBird.

Technologies used | ๐Ÿ’ป
Figma | Kubernetes | React
Selecting nodes from your kubernetes
Homepage Dashboard
Metab Browser ๐ŸŽฏ hero image
Metab Browser ๐ŸŽฏ
Nov 2020 - Present
Personal Side Project
Click here to expand this card ๐Ÿ‘ˆ
Metab is going to be the browser that will make Designers, Developers, Content Creators, Students, and all the working professionals more productive.
Metab will have an avid concept of tabs & task management and will change the way you browse the web today. It will be effective with a lot of proven techniques with different tools integrated into the browser at one place to get everything in front of you and to make you more productive.

Status | ๐ŸŸก
This project is ideation phase. I will add more features in future to make more information available to my users.

Team size | 1 | ๐Ÿคผ
Ahh, I am the only one managing this project๐Ÿ˜‰. From ideation to UX & UI to Development and production. Everything!๐Ÿ’ช

Technologies using | ๐Ÿ’ป
Figma | React | Golang | Typescript | Electron

Metab square Logo
Metab cover image
metab text logo
Startup Ranking India Website ๐Ÿš€ hero image
Startup Ranking India Website ๐Ÿš€
September 2019 - April 2020
Frontend, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
It is a platform in which the Startups from all over India will be ranked with some parameters and accordingly it will be accessible to the common people so that they can analyze each startup by themselves.
It was a team project and I had done the front end development and design of the UI.

Status | ๐ŸŸก
This project is still in development, but it is a private repository. So I can only show you the Screenshots of what we had done. Check the below Screenshots๐Ÿ‘‡

Team size | 4 | ๐Ÿคผ
My role๐Ÿ‘‰ I was responsible for the UX as well as UI Design and frontend development. Also looked into the SEO of it.

Technologies used | ๐Ÿ’ป
HTML 5 | CSS 3 | Sass | TypeScript | NodeJS | Figma
Startup Odisha cover image
Startup Odisha Homepage
CakeShake Website ๐ŸŽ‚ hero image
CakeShake Website ๐ŸŽ‚
March 2020 - April 2020
Frontend, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
CakeShake is a website for cake lovers โค๏ธ๏ธ It will give them a real experience of buying their own customized cakes.
Future Plans | โณ
Will be using Three.js  library to build 3D cake models. The user can drag and drop ingredients of their wish to make cakes. There will be options to choose predefined designed cakes as well.

If you are a coder or a designer and you like my portfolio then please do โญ this repo ๐Ÿฅบ. You can preview the website here ๐Ÿ‘ˆ 

Status | ๐ŸŸก
This project is in development, It is only developed for bigger screen sizes e.g: Laptop, Desktops.

Team size | 1 | ๐Ÿคผ
Ahh, I am the only one managing this project๐Ÿ˜Š. From ideation to UX & UI, Logo design, development and production. Everything!๐Ÿ’ช

Technologies used | ๐Ÿ’ป
JavaScript ES6 | Sass | CSS 3 | HTML 5 | Figma | Adobe XD | Illustrator | Photoshop

Note: It's still in development and all the links are not assigned. Read the warning carefully before visiting the website.

Warning!
The current website is not suitable for mobile devices.
It is no way responsive and you may see many unexpected garbage.
The development is in progress and it will be available for mobile devices soon.
CakeShake logo in red gradient background
CakeShake logo
CakeShake logo in a paper mockup
Jigyasu's Website ๐Ÿ‘ฉโ€๐ŸŽ“ hero image
Jigyasu's Website ๐Ÿ‘ฉโ€๐ŸŽ“
December 2019 - March 2020
Frontend, UX and UI Design
Click here to expand this card ๐Ÿ‘ˆ
Jigyasu is an education startup in Odisha. It has been doing research in the field of education to develop physical experiments & demonstrations models in Science which are mapped to the curriculum of the schools.
It is a team project specifically aimed for school students from Grades 6-12.

Status | โœ…
This project is completed, but it is a private repository. So I can only show you the Screenshots of what we had done. Check the below Screenshots๐Ÿ‘‡

Team size | 3 | ๐Ÿคผ
My role๐Ÿ‘‰ I was responsible for the UX as well as UI Design and frontend development. Also looked into the SEO of it.

Technologies used | ๐Ÿ’ป
HTML 5 | CSS 3 | Sass | TypeScript | NodeJS
Science Studio page
Science studio in landing page
Landing page
Talk to `The Hello World` Chatbot ๐Ÿค– hero image
Talk to `The Hello World` Chatbot ๐Ÿค–
June 2019 - July 2019
Google Assistant
Click here to expand this card ๐Ÿ‘ˆ
This app "The Hello World" gives you information on different ways of writing "Hello World" in different programming languages. Just open your google assistant and try to say "talk to The Hello World" and explore my app.

Status | ๐ŸŸก
This project is development phase. I will add more features in future to make more information available to my users. You can check out the project using the link below and try it.
Give it a 5-star rating too๐Ÿ˜Š

Technologies used | ๐Ÿ’ป
Dialogflow | Platform - Google Assistant

Warning: It's still in development and thus you might see some errors in the conversation.
App screenshot
App screenshot
Google Assistant store screenshot
States and Capitals Chatbot ๐Ÿค– hero image
States and Capitals Chatbot ๐Ÿค–
July 2019 - August 2019
Google Assistant
Click here to expand this card ๐Ÿ‘ˆ
It is a very simple app that will give you the information about the States/Union Territory and the Capital of all the States in India. It's made using Dialogflow and hosted on Google Assistant.
It is a successful project and I was able to reach around 16,000 visitors since I published it. There were around 750 unique visitors in the past month.

Status | โœ…
This project is completed, but I will add more features in future to make more information available to my users. You can check out the project using the link below and try it.
Give it a 5-star rating too๐Ÿ˜Š

Technologies used | ๐Ÿ’ป
Dialogflow | Platform - Google Assistant
Google Assistant store screenshot
User Stats of States and capitals
User Stats of States and capitals
ASL Recognition App ๐Ÿ‘โ€๐Ÿ—จ hero image
ASL Recognition App ๐Ÿ‘โ€๐Ÿ—จ
January 2020 - February 2020
UX and UI
Click here to expand this card ๐Ÿ‘ˆ
This project was created for the DSC solution Challenge by Google. This apps main motive is to translate the hand signs into letters using a ML model so that people with hearing & eyesight & speaking disability can understand & share their message.

Status | โœ…
This project is completed.

Team size | 4 | ๐Ÿคผ
My role๐Ÿ‘‰ I have done significant contributions of creating the UX of the app by trying to make it as simple as possible.

Technologies used | ๐Ÿ’ป
Adobe XD | ML | Firebase | Flutter
American Sign Language App Logo
Conveyor Belt Animation ๐Ÿงช hero image
Conveyor Belt Animation ๐Ÿงช
June 2020 - July 2020
Full stack, UX and UI
Click here to expand this card ๐Ÿ‘ˆ
This is a miscellaneous small project using basic web technologies. Try giving any combination of inputs and see it's output.

Status | โœ…
This project is completed. You can check out the project using the link below ๐Ÿ‘‡ and try it. You can see the code on Github  here. And give a โญ it of you like this๐Ÿ˜Š

Technologies used | ๐Ÿ’ป
Javascript ES6 | Sass | HTML5 | CSS3
Conveyor Belt Animation screenshot
Space Exploration Animation ๐Ÿงฎ hero image
Space Exploration Animation ๐Ÿงฎ
October 2019
Full stack, UX and UI
Click here to expand this card ๐Ÿ‘ˆ
This is a miscellaneous small project using basic web technologies.

Status | โœ…
This project is completed. You can check out the project using the link below ๐Ÿ‘‡ and try it. You can see the code on Github  here. And give a โญ it of you like this๐Ÿ˜Š

Technologies used | ๐Ÿ’ป
Javascript ES6 | Sass | HTML5 | CSS3
Space Exploration Animation Screenshot
Neuomophic fully functional Calculator ๐Ÿงฎ hero image
Neuomophic fully functional Calculator ๐Ÿงฎ
April 2020 - May 2020
Full stack, UX and UI
Click here to expand this card ๐Ÿ‘ˆ
This is a miscellaneous small project using basic web technologies. Try giving any combination of inputs and see it's output.

Status | โœ…
This project is completed. You can check out the project using the link below ๐Ÿ‘‡ and try it. You can see the code on Github  here. And give a โญ it of you like this๐Ÿ˜Š

Technologies used | ๐Ÿ’ป
Javascript ES6 | Sass | HTML5 | CSS3

See the UX and UI at Figma 
Mockup Calculator Presentation
Calculator Presentation
Actual Implementation