I am a coder, developer and an aspiring software engineer.
MY WORK
I have developed my personal projects with MERN stack, HTML, CSS, JavaScript and Python.
This section shows my coding ability.
CODING1
24x7 single-axis solar tracker Flask API with python-pvlib and a web portal. Generates daily and monthly solar elevation (0-180°) and monthly solar irradiance data. Predicts solar elevation with AI/ML through OpenSolarDB dataset and Random Forest model (with around 90% accuracy). Peer reviewed and accepted for publication in IEEE Xplore at 4th ICRTCST Conference 2021.
+
VIEW MY WORKCODING2
Coded a full-stack web application with for pandemic scenarios with ReactJS, Redux, NodeJS, and MongoDB. Created a global COVID-19 tracker, vaccination centre viewer (Co-WIN RESTful API) and a public forum for better mental health. Set up Firebase for authentication and implemented IPFS for user's medical data storage with 100% security.
GITHUB REPO
+
VIEW MY WORKCODING3
Designed a front-end web application with ReactJS and connected 6000+ expo attendees to live event video streams. Developed an end-product according to 100% uptime requirement. Mentored a team of 4 members, architected a workflow and coded a website within a tight deadline of 24-hours.
github repo
+
VIEW MY WORKCODING4
Developed a end-to-end greenhouse micro-climate monitoring solution using NodeMCU, sensors and Arduino IDE. Incorporated a plant leaf disease detection feature using image classification and achieved an accuracy of up to 95%.
+
VIEW MY WORKCODING5
Processed and performed data modelling on a dataset with 350 symptoms and associated diseases. Predicted an underlying health condition based on 6-input symptoms with a Random Forest Regressor (with around 88% accuracy). Implemented front-end with ReactJS and fabricated the back-end with a Flask-based API.
+
VIEW MY WORKHTML5 · CSS3 · JAVASCRIPT
This spaceship is animated using GSAP's TweenMax. Among the TweenMax functions, the TimelineMax function was used to make the spaceship move naturally, and the translateY, scale, and ease effects were used to achieve realistic animation.
This character is an animation that expresses movement. This animation uses water droplets and the character's eyes, mouth and legs with animation and keyframes to naturally express the movement of the character as if it were alive.
This effect is animated using TweenMax and Javascript. Among TweenMax functions, posY, posX, mouseX, mouseY values are set, and when the mouse is placed on the text “Hover me”, the mouseenter method is used to become active, and when the mouse is released, the mouseleave method is not active.
This effect is expressed by differentiating the class of each image and inputting different mix-blend-mode, filter, and background-color values of each image when the mouse is over.
This animation sets different images for each mouse button and shows different images when the button is overlaid using the hover method.
This animation is an illustrator operation to find out the SVG values and add stroke, stroke-width, stroke-dasharray. Using stroke-dashoffset, I completed the animation by entering each stroke and stroke-dasharray differently.
This animation is an animation made using basic animation and keyframes for rockets. Several classes of fire-1 ~ fire-4, spark-1 ~ spark-4 express the rocket's flames and sparks naturally, and the background expresses the stars of the universe with several classes of star-1 ~ star-20. I used translate and scale to translate the stars to make the rocket look moving.
This animation completed the Cube Animation that moves naturally by inputting different transform-origin, rotate, translate, animation, and scale values for 6 different faces.