Hello šŸ‘‹, Iā€™m

Srujan Gurram

I am a

Web Developer

About Me

I am a 20 years old Web developer and UI and UX designer. I started programming when I was 15 with HTML and then slowly I moved to frontend development as it blends my designing and coding skills together and then learnt backend development. I have good experience in MERN Stack Technologies, Cloud and Interface designing. I love to building and learn new stuff.

real_srujansrujangurram

Experience

Frontend Engineer

Everipedia - Braindao

Feb 2022ā†’Present

Webmaster

ACM JNTUK UCEV

Sept 2021ā†’Present

Projects

Project
Timeswitch

A Webapp to share recurring or non recurring events translated to user's local time with countdown, description, add to calendar buttons and other translated time to other specified timezones.

Things I learned

More experience with handling datesDynamic Opengraph ImagesEmotion and Mantine
Project
ITYukta

ITYukta is an annualy conducted fest by Department of Information Technology JNTUG. This one is created for ITYukta 2022 for registrations of many events and workshops conducted in university campus

Things I learned

Chakra UIDirectusSetting up custom emails for group
Project
MailSpread

Mailspread lets you to create email template with template tags (left out to fill by your users) and creates a share link. It contains a form and a button to regenerate the template this time with filled in form details in user's email app by mailto link.

Things I learned

more experience with regexPico CSSA bit of JQuery
Project
Covercons

A tool to generate beautiful infinte notion images with icons. It takes google material icons which is contains 1000s of icons and any background color from a color picker to generate cover image in various types

Things I learned

generating SVGs dynamicallyExporting SVGs as downloadsworking with different form elements
Project
Notrix

A 3rd Product of the day from product hunt, Notrix is A Simple notes app which saves all notes to browser storage. Users can create and delete notes for free with 100% privacy. It also Supports Markdown !!

Things I learned

IndexedDB ManupulationList Reordering with DNDApplication Designing
Project
Watchlister

Manage your Notion Watchlist with ease ! Watchlister automatically fills Movie/TV/Anime details to you watchlist so you don't have to do it manually. It uses Notion API and TMDB API.

Things I learned

Notion APINextjs Backend FunctionsDebounce and Throttle to increase performance
Project
Copydock

Copydock is a text sharing app where you can paste the text and share it with your friends with a URL for them to copy. It encodes the paste data directly to url so your data is not stored anywhere other than yourself !. It also has linkshortner built in.

Things I learned

MantineURL Encodinglink shortning using Bitly
Project
Appletrun

Appletrun takes java file as input and runs the java applet instantly with out manual compilation and html files. Yes ! Applets are Deprecated. BUT ITS SAD SOME SCHOOLS STILL TEACH EM (INCLUDING MINE) :(

Things I learned

Creating CLI app in PythonUsing PoetryPublishing package to PYPI
Project
Tic-Tac-Toe

Tic Tac Toe Game

Things I learned

tic tac toe algorithmmore practice with react
Project
Todota

A Simple todo list app without any destractions and settings

Things I learned

React Nativeexpo
Project
Badwords Filter

A simple webpage that replaces all badwords in the given text to šŸ¤¬. Made to learn about Serverless functions and Svelte !! #SvelteIsAwesome

Things I learned

Creating Serverless FunctionSvelteHandling data in svelteUsing components in svelte
Project
Search itunes app

This project uses Apple's itunes API. Users can search any songs and preview 30 seconds of song with in the App.

Things I learned

Redux, React-ReduxStyled ComponentsAudio with javascriptDark mode switch
Project
JNTUK UCEV news app

This tiny project is done because its a bit confusing to get the latest news from official website, because the Wordpress theme they use is a bit confusing. Hence i made this webpage which directly pulls the rss feed from the official website and display it in cleaner way with React.

Things I learned

Converting XML data to JSONUsing CORS Proxy APIRendering HTML from string
Project
Spotify Clone

This project is done to practice UI design of Spotify in React. This build uses the original spotify api. users can login to this application and see their playlist list inside this app and view all the tracks. This build uses react context to manage state.

Things I learned

React Context APIMaterial iconsUI designing with React
Project
Personal Portfolio (Old)

My own personal portfolio project website to show case some of my Projects done in my free time

Things I learned

Injecting React in to Multipage applicationUsing React in only one sectionChanging Color ThemesDesigning new Concept
Project
Twitter Clone

This project is a clone of twitter. It is done to practice how to build UI like twitter. Users can post few tweets which are then stored and servered from firebase database i also made it to support image links.

Things I learned

Firebase databaseMaterial iconsResponsive desing
Project
Instagram Clone

This project is a clone of Instagram created using Reactjs and firebase. It has complete user authentication with firebase. once logged in, You can post images and also comment to other posts.

Things I learned

Firebase databaseFirebase storageFirebase authenticationMaterial UIResponsive design
Project
Netflix Clone

This project is a clone of Netflix created using Reactjs and firebase. It pulls data from TMDB and displays to the screen. You can press one of the movie or show to get the trailer which is searched and inserted from youtube.

Things I learned

Api call Using AxiosFirebase HostingBEM CSS
Project
Currency converter

A simple currency caluculator done to practice math with react and calling api

Things I learned

Currency conversion with reactUsing currency APIReact hooks
Project
Movie Search

A small Movie search appilication build with Express js as backend and EJS as frontend

Things I learned

Express jsEJSAPI call in backend
Project
ExcerTracker App

This application is done using MERN Stack Technologies. Users can log their excersise details in to it which is then stored in mongodb atlas and showed to the user using react as frontend

Things I learned

Express jsMERN Stack devlopmentMongo DB AtlasCombining react with expressbuilding rest api
Project
FaceExpresion Detector

This app is build with javascript with face api library

Things I learned

Using face apicanvas and rendering videoHosting with Netlify
Project
Xylophone App

This app is a simple andriod app build with Java. It has few sound tracks which plays when user press the buttons in the app. This app uses android soundpool api

Things I learned

Using SoundPool apiPlaying sounds with an appfew battles with gradle šŸ˜¢
Project
Quiz App

This app is a simple andriod app build with Java. The app constist of 10 fixed questions and it lists these in to a quiz. it has a progress bar which can show the progress of the quiz and users get the score after the quiz in an alert box

Things I learned

Various new components in androidConstrained layoutlogic of quiz app
Project
Dice App

Users can press roll dice button to randomly get two dice results while playing board games.

Things I learned

using Assets in Android Projectusing savedInstanceStateclick listenerjava Basicsintroduction to Android studio
Project
Pig game

Pig Game is a simple 2 player dice game. This game is made by HTML, CSS and JS

Things I learned

Randomizing resultsDOM ManipulationApplication State
Project
Exammaterials.in

A Education site where students get various study materials for free with clean interface with out ads

Things I learned

WordpressWordpress Speed Optimizationusing Google analyticsSending news letter form MailchimpCloudflareUsing CpanelSetting Domain names

For more Projects please Checkout my Github

Latest Articles

Tools and Languages I Use


React js

Next js

Express js

React Native

Mongo db

Postgres SQL

Wordpress

Firebase

AWS

Heroku

Github

Figma

Photoshop

Material UI

GIT

SSH

NPM

Javascript

Python

C

C++

Java

HTML

CSS

VS Code

Linux

Jupyter

Debian