<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: K. Sam Ashray</title>
    <description>The latest articles on DEV Community by K. Sam Ashray (@ashray_sam).</description>
    <link>https://dev.to/ashray_sam</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1282105%2F10d2273b-0004-4664-99d1-02f7e44ae534.png</url>
      <title>DEV Community: K. Sam Ashray</title>
      <link>https://dev.to/ashray_sam</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ashray_sam"/>
    <language>en</language>
    <item>
      <title>Learning DevOps 05/02</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Wed, 05 Feb 2025 14:38:13 +0000</pubDate>
      <link>https://dev.to/ashray_sam/learning-devops-0502-3dcd</link>
      <guid>https://dev.to/ashray_sam/learning-devops-0502-3dcd</guid>
      <description>&lt;ul&gt;
&lt;li&gt;Explored Deployments and ReplicaSets in Kubernetes, understanding their differences and use cases. Along with that, I also learned how to define their YAML configurations, manage rolling updates, and perform rollbacks to previous revisions.&lt;/li&gt;
&lt;li&gt; Practiced hands on with K8s Playground, an awesome tool for learning K8s, and troubleshooted some yml files which had issues.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/SamAshray1/DevOps-Project/blob/main/kubernetes/Deployment-Replicaset-Diff.md" rel="noopener noreferrer"&gt;Follow my progress here&lt;/a&gt;&lt;br&gt;
&lt;a href="https://labs.play-with-k8s.com" rel="noopener noreferrer"&gt;Playground link&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devops</category>
      <category>learning</category>
      <category>cloud</category>
      <category>career</category>
    </item>
    <item>
      <title>Learning DevOps 30/01</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Thu, 30 Jan 2025 14:49:52 +0000</pubDate>
      <link>https://dev.to/ashray_sam/learning-devops-2901-1hk2</link>
      <guid>https://dev.to/ashray_sam/learning-devops-2901-1hk2</guid>
      <description>&lt;p&gt;&lt;strong&gt;Goal&lt;/strong&gt;: To have hands-on experience in creating from scratch enterprise level CI/CD pipelines, from code commit to building packages, to security scans to infra provisioning to mail notification of completion, while enabling monitoring.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Today worked on:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;- Successfully implemented Jenkins to build, tag and push the Docker image to DockerHub.&lt;/li&gt;
&lt;li&gt;- With Jenkins, deployed the docker image into the K8s Cluster.&lt;/li&gt;
&lt;li&gt;- Used Prometheus and Blackbox to look out for the health of the app&lt;/li&gt;
&lt;li&gt;- Created Grafana dashboard which shows the metrics of the app from Prometheus&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Next Up:&lt;/strong&gt;&lt;br&gt;
Dive deeper into Kubernetes&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/SamAshray1/DevOps-Project" rel="noopener noreferrer"&gt;Github Link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Grafana dashboard&lt;/em&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyinbo10ukwgtuzo7y9aj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyinbo10ukwgtuzo7y9aj.png" alt="Image description" width="800" height="345"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Prometheus dashboard&lt;/em&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F63bjxzl1vxr4hm1809om.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F63bjxzl1vxr4hm1809om.png" alt="Image description" width="800" height="388"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devops</category>
      <category>learning</category>
      <category>cloud</category>
      <category>career</category>
    </item>
    <item>
      <title>Learning DevOps 29/01</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Wed, 29 Jan 2025 14:57:00 +0000</pubDate>
      <link>https://dev.to/ashray_sam/learning-devops-2901-13c9</link>
      <guid>https://dev.to/ashray_sam/learning-devops-2901-13c9</guid>
      <description>&lt;p&gt;&lt;strong&gt;Goal&lt;/strong&gt;: To have hands-on experience in creating from scratch enterprise level CI/CD pipelines, from code commit to building packages, to security scans to infra provisioning to mail notification of completion, while enabling monitoring.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Workflow&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Tried to run SonarQube and Nexus locally via docker, but did not have enough resources.&lt;/li&gt;
&lt;li&gt;Used Terraform to provision 5 EC2 instances with required cpu, storage and inbound rules - 3 for Kubernetes, 1 for SonarQube and 1 for Nexus artifact repository.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjo180wre5ts1ujd5dxk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjo180wre5ts1ujd5dxk.png" alt="Image description" width="459" height="357"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Used kubeadm for K8s setup, 1 Master &amp;amp; 2 Slave Nodes&lt;/li&gt;
&lt;li&gt;Ran Jenkins from local docker. ( this came back to bite me) &lt;/li&gt;
&lt;li&gt;Installed relevant Jenkins Plugins, Configured the tools that will be used in pipeline, Stored the relevant secrets/credentials for Sonar / Nexus / Docker / Kubernetes in Jenkins Credentials.&lt;/li&gt;
&lt;li&gt;Used my springboot REST project as the source code.&lt;/li&gt;
&lt;li&gt;Was able to successfully build, test, run a Trivy filesystem test, run Sonar scan on the code, package the code and upload the code to nexus.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6yqqo1kdshn5b6m3nuvd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6yqqo1kdshn5b6m3nuvd.png" alt="Image description" width="800" height="202"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmzsoh92l0nrvby3igjzn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmzsoh92l0nrvby3igjzn.png" alt="Image description" width="800" height="320"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Faced issue while pushing the Dockerfile to DockerHub.&lt;/li&gt;
&lt;li&gt;Faced issue with deploying into K8s cluster.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Current Issues:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The Docker plugin for Jenkins didn’t seem to work, it couldn’t run docker commands.&lt;/li&gt;
&lt;li&gt;Could deploy the service.yml from Jenkins into the K8s Cluster.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Solutions&lt;/strong&gt;:&lt;br&gt;
 For 1. Tried restarting the jenkins instance, still the option to configure Docker didnt show in Manage Jenkins &amp;gt; System. Solution might be to run in an EC2 instance, with the latest Jenkins docker image.&lt;br&gt;
 For 2. As the Jenkins instance was run locally, I didnt open the port 6443, usually used by K8s api-server. Running Jenkins on EC2 with the right ports open will fix this as well.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Future Plans:&lt;/strong&gt;&lt;br&gt;
Will try this again tomorrow, but just the Jenkins-Docker-K8s section of the pipeline.&lt;br&gt;
&lt;a href="https://github.com/SamAshray1/DevOps-Project" rel="noopener noreferrer"&gt;Github&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devops</category>
      <category>learning</category>
      <category>cloud</category>
      <category>career</category>
    </item>
    <item>
      <title>Learning DevOps 28/01</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Tue, 28 Jan 2025 10:13:19 +0000</pubDate>
      <link>https://dev.to/ashray_sam/learning-devops-2801-4l8m</link>
      <guid>https://dev.to/ashray_sam/learning-devops-2801-4l8m</guid>
      <description>&lt;p&gt;&lt;strong&gt;Goal:&lt;/strong&gt; To have hands-on experience in creating from scratch enterprise level, CI/CD pipelines, from code commit to building package, to security scans to infra provisioning to mail notification of completion, while enable monitoring.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Current workflow:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Using Terraform to provision an EC2 instance and loadbalancer.&lt;/li&gt;
&lt;li&gt;Relevant secrets are stored in Vault (dev server). &lt;/li&gt;
&lt;li&gt;After provision, use Ansible to install jdk17 on the instance.&lt;/li&gt;
&lt;li&gt;With Jenkins, manually build and package the Springboot project, and copy the jar onto the instance, and run the jar file.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Current Issues:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The CICD workflow is somewhat reversed, provisioning first then building and deploying code.&lt;/li&gt;
&lt;li&gt;Setting up a vault server in local is time-consuming, will make a startup script to reduce dev server startup time.&lt;/li&gt;
&lt;li&gt;Ansible is set up locally and has to manually enter the ip address to inventory for playbook to work.&lt;/li&gt;
&lt;li&gt;Configured Jenkins to poll github, every 5 mins, which is not good, should be using triggers for this.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Solutions:&lt;/strong&gt;&lt;br&gt;
For 1. At the start, the focus was on learning Terraform and Ansible, so thus used it to provision EC2 instance, then using Jenkins running in local Docker container, deploying the code to the provisioned resource.&lt;br&gt;
For 2. and 3. I have created a startup.sh script to run the vault dev server, store AWS credentials as secrets, then use terraform and ansible to provision resources and install dependencies.&lt;br&gt;
For 4. As Jenkins is running locally, it is tough to configure a trigger build, so left the configuration to poll the repo. (might have to do port forwarding and what not)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Future Plans:&lt;/strong&gt;&lt;br&gt;
Hopefully have a EC2 instances with Jenkins, SonarCube, JFrog, etc, instead of Docker containers for each.&lt;br&gt;
Instead of provisioning EC2 instances first,&lt;br&gt;
Try to check for code commit -&amp;gt; build and package jar -&amp;gt; upload artifact -&amp;gt; provision resources -&amp;gt; config resources -&amp;gt; download and run artifact.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/SamAshray1/DevOps-Project" rel="noopener noreferrer"&gt;Github&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devops</category>
      <category>learning</category>
      <category>cloud</category>
      <category>anonymous</category>
    </item>
    <item>
      <title>Portfolio Website / Bible App - Devlog #9</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Thu, 14 Mar 2024 15:52:37 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-9-4gh3</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-9-4gh3</guid>
      <description>&lt;p&gt;Accomplished:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Configured a MySQL database with free hosting services.&lt;/li&gt;
&lt;li&gt;Securely connected to the database from local Spring Boot application.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To Do:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Implement responsive design.&lt;/li&gt;
&lt;li&gt;Integrate a "Contact Me" section with social icons.&lt;/li&gt;
&lt;li&gt;Incorporate project listings to showcase relevant work.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Next Steps:&lt;/p&gt;

&lt;p&gt;Deploy both client and server APIs to make the application accessible to users.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>learning</category>
      <category>sql</category>
    </item>
    <item>
      <title>Portfolio Website / Bible App - Devlog #8</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Sat, 09 Mar 2024 13:59:38 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-8-178</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-8-178</guid>
      <description>&lt;p&gt;Worked on:&lt;br&gt;
Backend - Saving References to MySQL DB instead of a local DAO service,&lt;br&gt;
Frontend - Quiz feature which will call backend and display references randomly and next button to view the next one.&lt;/p&gt;

&lt;p&gt;To do:&lt;br&gt;
Styling - text size, etc.. and overall polishing.&lt;br&gt;
Responsiveness&lt;br&gt;
Finish Portfolio site&lt;br&gt;
Deploy client and api servers.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>learning</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Portfolio Website / Bible App - Devlog #7</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Tue, 05 Mar 2024 15:32:21 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-7-lme</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-7-lme</guid>
      <description>&lt;p&gt;&lt;strong&gt;Accomplished:&lt;/strong&gt;&lt;br&gt;
Add verse button - which will dynamically render a form when clicked, the form POSTS a request to backend server, which stores the request body.&lt;br&gt;
Clicking on a button will dynamically display the respective content / action User is looking for - Viewing saved Verses, Add Verses and (in progress) Quiz on the Saved Verses.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;View Verses&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzhcs7tu0vttrpq9xde4u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzhcs7tu0vttrpq9xde4u.png" alt="Image description" width="800" height="402"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Add Verse&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu259yses5orho1ypow4q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu259yses5orho1ypow4q.png" alt="Image description" width="800" height="497"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;To do:&lt;/strong&gt;&lt;br&gt;
Validate data before adding to Object Array / DB.&lt;br&gt;
Quizzing feature&lt;br&gt;
Styling!!&lt;/p&gt;

&lt;p&gt;Then finish off main portfolio website!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>beginners</category>
      <category>learning</category>
    </item>
    <item>
      <title>Portfolio Website / Bible App - Devlog #6</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Sun, 03 Mar 2024 19:20:38 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-5-4o3l</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-bible-app-devlog-5-4o3l</guid>
      <description>&lt;p&gt;Accomplished:&lt;br&gt;
Conditional rendering of verses.&lt;br&gt;
Check for duplicate reference before adding.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkgabs096uutqq1496eh8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkgabs096uutqq1496eh8.png" alt="Image description" width="800" height="405"&gt;&lt;/a&gt;&lt;br&gt;
View Verses&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmp89oiga8tneo70s5afq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmp89oiga8tneo70s5afq.png" alt="Image description" width="800" height="411"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To do:&lt;br&gt;
Maybe after clicking the buttons should shrink,&lt;br&gt;
Styling,&lt;br&gt;
Implement form handling to Add Verse reference, which POSTs object to backend Springboot server to add to DAO / Object array (temporary).&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>react</category>
      <category>learning</category>
    </item>
    <item>
      <title>Portfolio Website - Devlog #5</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Thu, 29 Feb 2024 17:28:35 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-devlog-5-38bl</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-devlog-5-38bl</guid>
      <description>&lt;p&gt;&lt;strong&gt;Plan:&lt;/strong&gt;&lt;br&gt;
TO use React as frontend (Client side) and Springboot the backend Server, &lt;br&gt;
Implement Bible Memorization tool (for personal use), when client calls (REST arch) backend, the response returned will have JS Object.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Accomplished:&lt;/strong&gt;&lt;br&gt;
Began work on Projects section with placeholders to add other projects. Added project at ../bible-app with Routes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkzky5uy7eworm3s6fqvc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkzky5uy7eworm3s6fqvc.png" alt="Image description" width="800" height="281"&gt;&lt;/a&gt;&lt;br&gt;
Worked with BrowserRouters, Routes in 'react-router-dom'.&lt;/p&gt;

&lt;p&gt;Worked with Fetch API to call backend Springboot server, and display verses return dynamically using Tertiary operator.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmutd382zvqrtcab6z0cc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmutd382zvqrtcab6z0cc.png" alt="Image description" width="800" height="381"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;After clicking:&lt;/em&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6p85dyhy35a6yo3hj5e3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6p85dyhy35a6yo3hj5e3.png" alt="Image description" width="800" height="311"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Goals for next time:&lt;/strong&gt;&lt;br&gt;
Display verses better in /bible-app project.&lt;br&gt;
Add other project (either link Github / PDF).&lt;br&gt;
Create Contact me page.&lt;br&gt;
Final Styling.&lt;/p&gt;

&lt;p&gt;Please let me know if you have any ideas regarding this project!&lt;/p&gt;

&lt;p&gt;Thank you&lt;br&gt;
Sam&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>beginners</category>
      <category>api</category>
    </item>
    <item>
      <title>Portfolio Website - Devlog #4</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Sat, 24 Feb 2024 19:29:58 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-devlog-4-3oec</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-devlog-4-3oec</guid>
      <description>&lt;p&gt;Fixed responsiveness on My Expertise Section. Started on the next Section - Work Experience.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz0x1ozu5fpxk4nkny0so.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz0x1ozu5fpxk4nkny0so.png" alt="Image description" width="800" height="364"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next Steps:&lt;br&gt;
Add dropdown in purple title bar, when then shows the description shown below it.&lt;br&gt;
Also maybe display projects in the same way.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>frontend</category>
      <category>react</category>
    </item>
    <item>
      <title>Portfolio Website - Devlog #3</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Thu, 22 Feb 2024 07:24:24 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-devlog-2-3gn6</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-devlog-2-3gn6</guid>
      <description>&lt;p&gt;Started on the next Section - My Expertise.&lt;/p&gt;

&lt;p&gt;Desktop View&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzieyrucn81avlj1iyoqb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzieyrucn81avlj1iyoqb.png" alt="Image description" width="800" height="376"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mobile View&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fky7ib4pfq4wkuxxff365.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fky7ib4pfq4wkuxxff365.png" alt="Image description" width="678" height="633"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next Steps:&lt;br&gt;
Fix responsiveness on mobile&lt;br&gt;
Fix background image&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>frontend</category>
      <category>react</category>
    </item>
    <item>
      <title>Portfolio website - Devlog #2</title>
      <dc:creator>K. Sam Ashray</dc:creator>
      <pubDate>Mon, 19 Feb 2024 16:51:07 +0000</pubDate>
      <link>https://dev.to/ashray_sam/portfolio-website-devlog-2-4iee</link>
      <guid>https://dev.to/ashray_sam/portfolio-website-devlog-2-4iee</guid>
      <description>&lt;p&gt;Back after a day's break. &lt;br&gt;
Inspired by a Navbar seen on YT &lt;a href="https://www.youtube.com/watch?v=HbBMp6yUXO0&amp;amp;t=2268s"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The first section is done, it is responsive in an OK way and styling is almost done&lt;br&gt;
For a Responsive Navbar &amp;gt; Used &lt;a class="mentioned-user" href="https://dev.to/media"&gt;@media&lt;/a&gt; in CSS and click listeners in JS in Navbar Component, which on a desktop is centred, but on mobile will show a hamburger icon and when clicked will reveal the navbar as a side panel.&lt;/p&gt;

&lt;p&gt;First section:&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo8t1ug5o91to4z9qqfp9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo8t1ug5o91to4z9qqfp9.png" alt="Image description" width="800" height="125"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Navbar in mobile&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9jpj1zy4g9oozwxg8ecb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9jpj1zy4g9oozwxg8ecb.png" alt="Image description" width="614" height="702"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgko4pwf8mbiotwp9cpsd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgko4pwf8mbiotwp9cpsd.png" alt="Image description" width="611" height="616"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Things to work on:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Design and Code the Next sections:
a) Expertise
b) Work / Projects
c) Contact me page...&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Planning to return Work / Projects section dynamically from backend Springboot server.&lt;br&gt;
Also maybe do a little form handling with the above server in the Contact me page.&lt;br&gt;
Would like to integrate my other unfinished project - Bible Memorization webapp and deploy it, to make it easier for me quiz myself on verses on the fly.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>frontend</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
