DEV Community: Mayuri G

AWS SIMULEARN - 2

Mayuri G — Mon, 09 Dec 2024 18:06:42 +0000

The post talks briefly about creating different availability zones in the same region.

Here I would like to say the steps I followed in Simulearn to get knowledge on this part:

Search for EC2 services.
Give Launch Instances from EC2 Dashboard.
Give name for the instance, select the AMI (Amazon Machine Image), instance type.
In the next step, I gave "proceed without a key pair" in the Key pair section (my bad - I don't know the result of using with key pair as of now).
Create security group in the Network settings with the type HTTP.
The lab section provided a user-data file and that has to be uploaded in user data section which is optional.
Then give launch instance.
Now come back to "Instances" tab to check the created instance in the region.
Now create another instance with the same steps above without changing the region.

The blog and the steps are in brief as of now, but later I'll go through all the available options of creating an instance and make the blog in detail further.

AWS SIMULEARN - 1

Mayuri G — Sun, 24 Nov 2024 19:26:58 +0000

Hey all, I would like to share my experiences on using AWS SimuLearn from AWS SkillBuilder. So I have taken 3 courses for now.

Course-1 : Cloud Computing Essentials

It is all about the usage of Amazon S3 bucket. From my learnings, S3 bucket is used for storing objects and hosting websites. The objects stored in S3 containers are known as buckets. When an S3 bucket is configured for website hosting, the bucket is assigned a URL. When requests are made to this URL, Amazon S3 returns the HTML file, known as the root object, that was set for the bucket. For providing permissions, bucket policy can be used.

Steps followed in LAB session

Go to the console of AWS Lab provided in the course.
Click on S3 services or search for it.
Once clicking the S3, various bucket names are displayed.
Select the required bucket and review the existing files.
If required, existing files can be renamed via Actions bar on the top.

Click on the Permissions tab and review the bucket policy or create the bucket policy in json format.
Block the public access in the Permissions page.

Click on the Properties tab and enable the static hosting of a website.
Mention the Index document and Error document in the Properties page.
Give Save Changes at the end.
Now click on the provided URL from S3 to operate the website that is hosted.

Overview and Outcomes

A New Try

Mayuri G — Tue, 29 Oct 2024 19:20:36 +0000

Day 1 of Three.js 🌌:

Getting Started with 3D in the Browser!

Three.js makes creating 3D graphics on the web easy and exciting! Built on WebGL, it simplifies the complex setup needed to draw 3D graphics in the browser and is widely used in web-based games, interactive graphics, and even VR.

📜 Introduction to Three.js
Three.js is a popular JavaScript library that brings the power of 3D graphics to your web browser! From small interactive elements to complex simulations, Three.js allows us to create stunning visuals and immersive experiences. WebGL, the technology under Three.js, works directly with the GPU for fast, efficient rendering, but it's challenging to write directly. Three.js simplifies this, providing an easy-to-use layer for designing 3D experiences. 💻✨

import * as THREE from "three";

const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

Import Three.js – This grabs everything we need from the Three.js library.
Create a WebGL Renderer – The renderer displays our graphics on the screen, using WebGL behind the scenes.
Set the Renderer Size – The render area covers the entire window.
Add to DOM – Finally, we add it to the document so it's visible in the browser. 🌐 `

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(
    75,
    window.innerWidth / window.innerHeight,
    0.1,
    1000
);

Create the Scene – Think of this as our virtual stage where we’ll place objects and lights.
Setup the Camera – Using a Perspective Camera here, which gives a more realistic depth perception by mimicking how our eyes view the world.
75: Field of view in degrees (a wider or narrower "view angle")
window.innerWidth / window.innerHeight: Aspect ratio for avoiding distortion
0.1, 1000: Near and far clipping planes, setting the visible range of the camera (from 0.1 to 1000 units away).

const axesHelper = new THREE.AxesHelper(5);
scene.add(axesHelper);
camera.position.set(0, 2, 5);
const boxGeometry = new THREE.BoxGeometry();
const boxMaterial = new THREE.MeshBasicMaterial({ color: 0xffffff });
const box = new THREE.Mesh(boxGeometry, boxMaterial);
scene.add(box);
function animate(time) {
    box.rotation.x = time / 1000;
    box.rotation.y = time / 1000;
    box.rotation.z = time / 1000;
    renderer.render(scene, camera);
}
renderer.setAnimationLoop(animate);

AxesHelper: Creates an AxesHelper, a visual aid showing three lines along the X, Y, and Z axes.
Adding to Scene: scene.add(axesHelper); places the helper in the scene, helping orient object placements.
Box Geometry: Creates boxGeometry, defining the shape of a basic cube.
Box Material: Sets boxMaterial as a plain white (0xffffff) material for the cube’s surface.
Mesh: Combines boxGeometry and boxMaterial into a Mesh, which can be rendered.
Add Box to Scene: scene.add(box); places the cube in the scene, making it visible.
Animate Function: Defines an animate function to handle updates to each animation frame.

Refer: https://youtu.be/xJAfLdUgdc4?si=bAdjReYgI1ExVvaK

The LLAMA run

Mayuri G — Sat, 31 Aug 2024 17:52:30 +0000

Hey all, I am Mayuri, an AI & Data Science aspirant. This is my first blog in dev community. I would like to share my enthusiasm for working with LLMs. Right now, I am involved in creating a coding assistant or coding bot. I know that it's a beginner-level project in LLMs. But I would like to engage with like-minded people who can assist me with the LLM concepts.

My first post

Mayuri G — Wed, 24 Jul 2024 11:53:48 +0000