Wanuja Ranasinghe Wanuja97

🏠

Working from home

Full-stack Software Engineer| Technical Writer

Wanuja97 / sample.jsx

Created August 13, 2022 16:02

AOS animation in a functional component

	import React,{useEffect} from "react";
	// importing aos
	import AOS from 'aos';
	import 'aos/dist/aos.css';

	export default function MyFunctionalComponent() {
	useEffect(() => {
	AOS.init();
	}, [])
	return (

Wanuja97 / sample.jsx

Created August 13, 2022 16:00

AOS animation in a class component

	import React, { Component } from 'react'
	// importing aos
	import AOS from 'aos';
	import 'aos/dist/aos.css';
	export default class MyClassComponent extends Component {
	componentDidMount() {
	AOS.init();
	}

	render() {

Wanuja97 / gist:575505dd75c87924dc1f8ab288940149

Created October 12, 2021 18:23

HackerRank - Sam's Prime Sum

	import sys
	def find_index(arr, n):
	maximum_element = max(arr) #3
	global prime
	#prime = [i for i in range(maximum_element + 1)]
	if len(prime) < maximum_element+1: #2>4
	difference = (maximum_element +1) - len(prime) #4-2 = 2
	prime += [True] * difference
	p = (maximum_element +1) - len(prime)
	#prime[0] = False

Wanuja97 / script.js

Created February 23, 2021 11:06

BMI Calculator - JavaScript Part

	function Calculate(){
	var height = document.getElementById("h-input").value;
	var weight = document.getElementById("w-input").value;

	var result = parseFloat(weight) /(parseFloat(height)/100)**2;

	if(!isNaN(result)){
	document.getElementById("bmi-output").innerHTML = result;
	if(result < 18.5){
	document.getElementById("bmi-status").innerHTML = "Underweight";

Wanuja97 / main.css

Created February 23, 2021 10:45

BMI Calculator CSS Part

	*{margin: 0; padding: 0;font-family: 'Old Standard TT', serif;}
	.container{
	display: grid;
	justify-content: center;
	align-content: center;
	min-height: 100vh;
	grid-template-columns: 30vw;
	grid-template-rows: repeat(3,10vh) 5vh repeat(2,10vh);
	grid-gap: 10px;

Wanuja97 / index.html

Last active February 23, 2021 09:56

BMI Calculator - HTML Part

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="main.css">
	<script src="script.js" defer></script>
	<link rel="preconnect" href="https://fonts.gstatic.com">