DEV Community: Sewvandi Promodya Wickramasinghe

Nevertheless, Sewvandi Coded in 2022🎙

Sewvandi Promodya Wickramasinghe — Wed, 09 Mar 2022 02:28:22 +0000

I had an incredible chance to conduct a podcast together with Arshad Zakeriya, a DevOps Consultant and AWS Community Builder.

This was my first podcast, and I talked about Women Who Code.🎙

Spotify: https://spoti.fi/3paKiFB
Anchor: https://bit.ly/2Z2v4qU
Apple Podcast: https://apple.co/3aM1E3d
Google Podcast: https://bit.ly/3AQcOi0

Here's a quick rundown of what was discussed in the episode. ☕️

How my life turn into the field of technology.

How did this thing begin?

What limitations do girls face when it comes to choosing a career in technology
Why does society believe that boys are more skilled of technical tasks than girls?
What sort of knowledge level did I have when I choose software engineering bachelors?
- My first ambition is not to become a software engineer. [ It was to be a doctor 🙂 ]
- Basically, I'm just familiar with O/L Information Technology.
- Because of the chaos that occurred in 2017 against private medical schools, I felt compelled to choose SE.
I had a lot of competition with my batch-mates because of the knowledge gap that we had.
University syllabus content is not enough.
I chose open source volunteering to expand my knowledge, satisfy my curiosity, and get involved in the development side of things.

How did open source volunteering become my favourite hobby?

My very first event participation was in 2018(In my first year) and it was about google crowdsource organised by SLIIT FOSS.
I never imagined I'd be on the board of SLIIT FOSS that day.
From year 2 onwards, I became a volunteer in my university's open-source communities.
And stepped into the local communities of Sri Lanka.
I have to admit that the first impression that I got from was the best impression I had.
I had some days where I had to lie to my parents in order to volunteer for an overnight hackathon.
Many days I didn't even have my parents' permission to join my volunteer events or any other extra activities / competitions. It was so heartbreaking to say that they were just concentrating on my semester grades. Usually, they don't pay much heed to my other achievements.
Volunteering helps me to improve my public speaking skills.
Volunteering makes it possible me to expand my knowledge of development.
Volunteering has given me the confidence to say yes to any challenge.
Volunteering made me to meet people in my industry who were a good fit for me.
Keeping up with the tech communities are more enjoyable than I thought.
My volunteering experiences are really paid off. It led me to multiple opportunities that I could never imagine.

I continue to code because…

It has a combination of all the things I like imagination, critical thinking, technology, social interaction, learning, and regular challenges.
I enjoy helping other girls and guiding them that there is no reason to be afraid of coding.
Being a girl doesn't mean that they can't get jobs from IT industry.
I can stay up to date on new technologies and compete in coding competitions.

I want to brag about...

When I decided to switch jobs, I had to do my best to make an extra effort on the coding challenge and the interview.
I initiated first female open source community (SLIIT Women In FOSS) at my university because I wanted to see an improvement in female contributions to development.
It wasn't a straightforward road to find the courage to complete all the projects because the content was getting more and more challenging.

Stepping into Design Thinking 💡

Sewvandi Promodya Wickramasinghe — Mon, 04 Oct 2021 22:33:10 +0000

What is Design Thinking?

Design Thinking is a continuous process in which we try to understand the user, keep an open mind, and reframe issues in order to come up with new methods and answers that may not be obvious at first.

Design thinking is human-centered, which means it consider how people interact with a product or service rather than how someone else or an organization believes they will interact with it. It is a problem-solving method centered on solutions. It is both a style of thinking and functioning as well as a set of practical techniques.

Why Design Thinking?

Its goal is to meet a certain human requirement

Once those pain areas are discovered, design thinking may give solutions.

Deals with vague or difficult-to-define situations

Consumers frequently don't understand or can't articulate the problem they're trying to solve. Consumers frequently have no idea what problem they are trying to solve or are unable to articulate it. However, with careful observation, one may discover problems based on what they see in real customer behavior rather than working off of their own assumptions about the consumer.

This leads to more creative solutions

Design thinking can help bring to light some of these previously unseen pain areas that would otherwise go unnoticed. Taking a step-by-step approach to solving those difficulties frequently results in non-obvious, creative solutions.

Organizations function more quickly and efficiently as a result of this

Design thinking advocates building prototypes and then testing them to determine how successful they are, rather than studying an issue for a long period without coming up with a solution.

5 stages of the design-thinking process

A five-stage framework guides design thinking.

1) Empathise
2) Define
3) Ideate
4) Prototype
5) Test

It's worth noting that the five phases, stages, or modes aren't usually in order. They don't have to happen in any particular order, and they can frequently happen in parallel and recur repeatedly.

1) Empathise

The designer watches customers in this initial step to acquire a better knowledge of how they interact with or are influenced by a product or issue. The assumptions must be made with empathy, which includes refraining from passing judgment and without imposing previous assumptions about the requirements of the customer.

Observing with compassion is effective because it can reveal difficulties that the customer was unaware of or couldn't express themselves. It's now much easier to comprehend the human need for which you're designing and developing.

2) Define

You use your observations from the first stage to identify the problem you're seeking to address in this second step. Consider the challenges your customers face, what they consistently battle with, and what you've learned from how they're impacted by the problem. You'll be able to identify the problem they're dealing with once you've integrated your results.

3) Ideate

The following stage is to come up with solutions to the problem you've identified. These brainstorming sessions can be done in a group, in a corporate environment that fosters creativity and cooperation, or in an innovation program, or they can be done alone.

The essential thing is to come up with a variety of diverse concepts. You'll come up with a couple ideas to move on with at the end of this procedure.

4) Prototype

This is the stage where concepts are transformed into practical solutions. Prototypes aren't supposed to be flawless. The purpose of a prototype is to quickly create a tangible form of a concept in order to test how well it is received by customers.

5) Test

This is the stage of testing where you get feedback on your work. You'll probably have to return to one or more of the previous stages after the fifth step is completed.

Maybe the testing revealed that you need to create a new prototype, in which case you'd go back to the fourth stage. Or it might be that you've misunderstood the customer's requirements. If that's the case, you'll have to restart the procedure from the beginning.

Design Thinking 'Outside the Box' 💡

Design Thinking is frequently referred to as "thinking beyond the box."

One aspect of outside-the-box thinking involves falsifying previous assumptions in order to establish whether or not they are correct. The solution-generation method will assist us in producing ideas that represent the actual limits and aspects of an issue once we have questioned and explored its conditions.

Design Thinking assists us in doing appropriate research, prototyping, and testing our goods and services in order to discover new methods to improve the product, service, and design.

Everyone Can Use Design Thinking

Design thinking isn't only for designers, it's also for creative employees, freelancers, and executives who want to incorporate design thinking into every level of an organization, product, or service to create new business and societal options.

Here's some ☕️ to inspire your Design Thinking!

Sneaking into Docker 🐳

Sewvandi Promodya Wickramasinghe — Mon, 14 Jun 2021 02:36:00 +0000

The virtual machine has long been the grab standard for cloud infrastructure because of its many benefits. What if there was a more lightweight, cost-effective, and scalable option to a virtual machine?

Docker 🐳 is just like that.

What is a Virtual Machine?

A virtual machine is a system which acts exactly like a computer. Following the virtualization of the hardware, each virtual machine need its own operating system.

VMs have several advantages

On the same computer, multiple OS environments can exist in isolation from one another
Easy maintenance
Availability
Rich with resources
Cloud service providers like AWS, DigitalOcean, Google, Azure etc.

What limitations do VMs have?

Less efficiency because they access hardware indirectly
You'll require more resources as you operate more VMs
Performance may be low when several virtual machines are operating on the same host
Portability is restricted

Containers are a solution to the challenge of getting software to run effectively when it is transferred from one computing environment to another.

Containers are commonly used for web, applications, caching services, and small databases.

Docker is a container-based solution for creating distributed applications.

What is Docker?

Docker is an open platform enabling programs to be developed, shipped and executed. Docker allows you to separate your applications for speedy delivery of software from your infrastructure. With Docker, it's the same way you can manage your infrastructure.

Why do we need Docker?

Sometimes you can't set your app on a friend's computer and can't run several programs on the same port.

Docker offers tools and a platform to manage the container lifecycle.

The container is the unit that distributes and tests your application
Deploy your application without a problem on any server
Containers are great for continuous integration and continuous delivery (CI/CD) workflows
Lightweight and fast
The container-based technology from Docker enables extremely portable workloads.

Docker architecture

Dockerfile

A Dockerfile is a text file that contains all of the commands that a user may use to create an image from the command line. Users may establish an automated build using docker build that performs numerous command-line commands in a row.

Here's an example:

FROM node:14-alpine

RUN mkdir /app

WORKDIR /app

COPY package.json yarn.lock ./

RUN yarn install

COPY . .

EXPOSE 4000

RUN yarn build

CMD [ "yarn", "start" ]

Images

An image is a read-only template for building a Docker container. An image is frequently based on another image, with some added modifications.

Containers

A container is a runnable image instance. The Docker API or CLI may be used to create, start, stop, move, or delete containers. You may attach storage to a container, link it to one or more networks, or even create a new image based on its existing state.

Registry

A Docker registry stores Docker images.🐳
Docker Hub is a public registry that anybody may access, and Docker is set up by default to seek for images on Docker Hub. You may even set up your own personal registry.

When you use,

docker pull NAME[:TAG]

docker run NAME[:TAG]

commands, the required images are pulled from your configured registry.

When you use,

docker push NAME[:TAG]

command, your image is pushed to your configured registry.

Engine

Docker Engine is an open source containerization engine that may be used to develop and containerize applications.

A few of key commands to remember

List images

docker image ls

List containers

docker container ls

Build from Dockerfile

docker build -t <name> .

Run a container from image

docker run <tag name>

Sneaking into Azure Cosmos DB 🌎

Sewvandi Promodya Wickramasinghe — Thu, 15 Apr 2021 13:57:34 +0000

Azure Cosmos DB

Microsoft's Azure Cosmos DB service is a massively distributed, multi-model database. It allows for elastic and autonomous scaling of throughput. It also has storage in all of Azure's global territories. Throughput, latency, affordability, and performance assurances are all covered by Cosmos DB's service level agreements.

For modern app creation, Azure Cosmos DB is a completely maintained NoSQL database. The speed, at any rate, is guaranteed by single-digit millisecond response times and automatic and immediate scalability.🤓

Entity Hierarchy in Cosmos DB

Cosmos DB accounts, databases, containers, and items all have separate entities. Stored protocols, user specified tasks, causes, and disputes are some of the other entities found in Cosmos DB.

Databases

Under your username, you can build one or more Azure Cosmos databases. A namespace is similar to a dictionary. A database is a management unit for a group of Azure Cosmos containers.

One or more databases may be added to a Cosmos DB account.

Azure Cosmos DB	Database	Container	Item
SQL API	Database	Container	Document
Cassandra API	Database	Table	Row
Azure Cosmos DB API for MongoDB	Database	Collection	Document
Gremlin API	Database	Graph	Node or Edge
Table API	N/A	Table	Item

Containers

A container can be horizontally partitioned using a partition key, and the data can then be distributed through Azure regions. A container will scale flexibly depending on whether private or shared throughput settings are used.

Multiple containers may exist in a database. For both provisioned throughput and storage, the Azure Cosmos DB container is a scalability unit.

One of the most distinguishing features of containers is the lack of schema handling. You can build objects of different schemas in a container.😮 By default, all objects you add to a container are instantly indexed, so there's no need to handle indexes or schemas.

You may also set a timer on an object or a container to delete them after a certain amount of time has passed. When an item expires, Azure Cosmos DB deletes it immediately. It also ensures that a check on the container does not return expired objects within a predetermined time frame.

For your Azure Cosmos container, you can register stored procedures, causes, user-defined functions (UDFs), and merge procedures.

On your Azure Cosmos container, you should define a special key restriction. You may guarantee the uniqueness of one or more values per logical partition key by designing a special key policy. No new or modified objects with values that repeat the values defined by the specific key restriction can be generated if you create a container with a unique key policy.

The system properties of each container are listed below.

Property	Purpose
_rid	The unique resource identifier for container
_etag	Entity tag for optimistic concurrency
_ts	Last updated timestamp of container
_self	Addressable URI of container
id	User defined unique name for the container
indexingPolicy	Provides the ability to change the index path, index type, and index mode
TimeToLive	Provides the ability to delete items automatically from a container after a set time period
changeFeedPolicy	Used to read changes made to items in a container
uniqueKeyPolicy	Used to ensure the uniqueness of one or more values in a logical partition

Items

A document in a collection, a row in a table, or a node or edge in a graph may all be represented by an Azure Cosmos item, depending on the API you use.

To connect items to the container, you can use any of the APIs. Any item in the container has properties that are either created by the system or specified by the user. User defined properties are the properties required for your application.

Property	Purpose
_rid	Unique identifier of the item
_etag	Entity tag used for optimistic concurrency control
_ts	Timestamp of the last update of the item
_self	Addressable URI of the item
id	User-defined unique name in a logical partition.
Arbitrary user-defined properties	User-defined properties represented in API-native representation (including JSON, BSON, and CQL)

Any Key Benefits?

Speed Guarantee at any scale

SLA-backed real-time connectivity with fast read and write latencies around the world, as well as throughput and accuracy.
With a single click, multi-region writes and data distribution can be sent to any Azure region.
Size storage and throughput through Azure regions in a flexible and independent manner.

Simple application development

Choose from multiple database APIs including the native Core (SQL) API, API for MongoDB, Cassandra API, Gremlin API, and Table API.
Azure Functions, IoT Hub, AKS (Azure Kubernetes Service), App Service, and other Azure services used in current (cloud-native) app creation are all deeply embedded.
The schema-less service in Azure Cosmos DB instantly indexes all of your files, regardless of the data model, so you can get blazing fast queries.

Mission-critical

Azure Cosmos DB comes with a robust set of SLAs, including industry-leading global availability.
Role-based access management in Azure keeps the data secure and gives you more control.
With automated data replication, you can easily disperse data to any Azure area. When using multi-region writes or RPO 0 there would be no downtime. Consistency is essential.

Absolutely self-managed and cost-effective

Database infrastructure that is fully operated. Maintenance, patching, and updates are all automated, saving developers time and resources.
Developers can get underway quickly without having to schedule or maintain capacity with these cost-effective solutions for irregular or intermittent workloads of any size or scale.
The serverless model provides an automated and responsive service for spiky workloads to handle traffic bursts on request.

Getting Started with Azure Essentials

Sewvandi Promodya Wickramasinghe — Thu, 15 Apr 2021 01:12:46 +0000

This is the first in a series of blogs about Azure that will help those who want to learn more about the platform, prepare for the Azure Fundamentals exam, or improve their skills as a developer, consultant, or architect.

What is Azure?

Microsoft Azure is a cloud infrastructure service developed by Microsoft for developing, testing, deploying, and maintaining software and services via Microsoft-managed data centers.

How can I get to Azure?

The Azure portal is a tool for gaining access to and getting started with Microsoft Azure.

What does Azure Services mean?

Azure offers a logical grouping of resources, frameworks, and applications known as a service or group.

Compute - to create a virtual machine - windows, Linux, or third party.
Storage Service - to store data, files, blob, etc

What factors do you need to think about when building Azure services?

1. Closest to user

Before you create any Azure resource, make sure you choose an Azure region that is close to your user base. Azure region reference

2. Cost & Pricing

Consider Azure service pricing, which varies depending on location, volume, and other factors. Until developing Azure services, use the Azure pricing calculator to figure out how much they would cost. Azure Pricing

3. Service Availability

Internal - Service is available for internal Microsoft users.

Preview - Users will use an Azure Subscription to access these services, which are currently in a public beta.

General Availability (GA) - Means "production service," and it can now be used by anyone.

04. Compliance

Microsoft Azure gives you the freedom to choose compliant data centers based on sector, location, and other factors. For example, if you have a client in the healthcare industry in the United States, you can choose a HIPAA-compliant data center, or if your client is in Europe, you can choose GDPR-compliant data centers.

What are the various ways to Access Azure?

You may use azure in the following ways:

Azure Portal
Azure CLI
PowerShell
SDK
Restful API

For accessing, provisioning, and controlling Azure resources, Azure Portal, Azure CLI, and Powershell are used.

For consuming Azure services, the SDK and Restful API are used.

Restful APIs are endpoints that can be used to access Azure services. Let's say you've created a storage service on your Azure subscription, and you want to consume it. You can do so by using the storage service endpoint that Azure provided when you created it.

You can also provision, access, and handle Azure resources using CloudShell, a browser-based command-line interface provided by Azure.

Azure CLI and Powershell are platform-agnostic software that can be built locally.

Azure CLI

Install the Azure CLI for Windows or Mac.

After installing the Azure CLI, use the az --version command to verify the CLI version.

az --version

The browser-based CLI Azure Cloud Shell is the simplest way to get started with the Azure CLI.

To Learn details about Azure CLI refer to the Link.

To check the Azure CLI installed locally type az.

Azure PowerShell

Power shell is a versatile automation feature written in the.NET framework.

PowerShell 5.1 on Windows and PowerShell 6.X and above on all platforms are supported by Azure Powershell.

PowerShell 5.1 is also installed if you're running Windows 10 edition 1607 or higher.

Run the Windows Powershell and install Azure Module.

install-module -name az

For the Nuget provider, choose Yes.

What is Azure Resource Manager?

Azure Resource Manager (ARM) is the configuration and control service for Azure, while Azure Resource Manager (ARM) is the orchestration layer. It comes with a management layer that allows you to add, edit, and uninstall services.

Azure portal, CLI, PowerShell, restful API, SDK, and other Azure tools send requests to the Azure resource manager, which authenticates/authorizes them and then sends them to Azure resources including compute, storage, and so on.

Terminology

Resource - Digital computers, storage accounts, and mobile applications are all examples of manageable items accessible by Azure.

Resource Group - For an Azure approach, a resource category is a container that contains similar properties. What resource group a resource belongs to is determined by the organization's plan or what makes the most sense, such as resource groups for growth, testing, and production, or resource groups for various programs.

Resource Provider - A resource provider, such as Microsoft, is a service that offers Azure services. Virtual Machines are provided by Compute, which is a service.

Resource Manager Template - The RM template is a JSON file with a declarative syntax that allows you to regularly and frequently build and deploy Azure services to Resource groups, subscriptions, Management groups, and tenants.

I assume you now have a general understanding of Azure.

What is your opinion here? Share your thoughts in the comments :)

Nevertheless, Sewvandi Continued Coding! 👩‍💻

Sewvandi Promodya Wickramasinghe — Fri, 05 Mar 2021 04:15:55 +0000

How did this thing begin?

Three years ago, I entered my university life, where my parents pushed me to study software engineering. At the very first beginning, I didn't want to be a software engineer. 🙄 I've done my A/Ls in the bioscience stream since then I wanted to be a doctor and do my contributions on the medical side. Yet my life has changed due to my parents' decoctions.

But now I have finally agreed with this decision because the second-best stream I like was information technology after medical science.

Guess what! I'm coding for 24/7 now. 🤓

How did open source volunteering become my favourite hobby?

From year 2 onwards, I became a volunteer in my university's open-source communities. And stepped into the local communities of Sri Lanka. I have to admit that the first impression that I got from was the best impression I had.

Here are some 2019 & 2020 flashbacks 💥

I was a 'Women of Mozilla Sri Lanka' ambassador and volunteered in Digi Edu Hack 2019 which held at Open University of Sri Lanka on 03-04th of October at university premises.

In Devfest Sri Lanka 2019 organized by GDG Sri Lanka, I volunteered as a part of SLIIT FOSS Community.

We, SLIIT FOSS Community are proud to be a part of the team behind the success of Software Freedom Day 2020 as volunteers.

My most recent achievement was…

Won 2nd Runner Up 🏆😻 (Bronze Award), in SLIIT CODEFEST HACKATHON 2020 out of more than 100 competing university teams from all around the island.

Team Emulation Nerds ❤

I started coding for the first time back in my first years at uni. I remember the excitement of seeing the achievements I've made. And now I've ended up becoming a Front End Developer. 🤩🚀

I continue to code because...

It has a combination of all the things I like imagination, critical thinking, technology, social interaction, learning, and regular challenges. Keeping up with the tech community is more enjoyable than I thought. I'm attending monthly meetings, going to conventions, and most importantly, I've made quite good friends.

I want to brag about...

It wasn't a straightforward road to find the courage to complete all the projects because the content was getting more and more challenging.

When I decided to switch jobs, I had to do my best to make an extra effort on the coding challenge and the interview.

Many days I didn't even get my parents' permission to join my volunteer events or my internships. It was so heartbreaking to say that they were just concentrating on my semester grades. Usually, they don't pay much heed to my other achievements.

I keep working hard. I try to learn from everyone, and when I don't know something, I ask.

My volunteering experiences are really paid off. It led me to multiple opportunities that I could never imagine. 🌟

My advice for allies to support women and non-binary folks who code is....

My message to you is to make sure that everyone gets their voice heard in a positive environment.

Happy Coding ! ☕️

GDG #CloudKasthiram 2020

Sewvandi Promodya Wickramasinghe — Sat, 09 Jan 2021 15:49:18 +0000

GDG Sri Lanka group organized DevFest annually. Last year they conducted the session virtually. #CloudKasthiram is a challenge that is based on the Google Cloud Platform organized by GDG Sri Lanka.

The challenge was to complete only 6 quests of 11 quests which were provided by the CloudKasthiram team within the given time period. Although I had a small base in Qwiklabs already, this is the first time I've been doing six quests at a stretch.

Below is the list of quests that were listed for CloudKasthiram 2020. 🤓

So let’s discuss the 6 Quests that I have completed in Qwiklabs. 🚀

1. Getting Started: Create and Manage Cloud Resources

In this quest, they concentrate primarily on the GCP's development and management. They will give us a short introduction to the GCP. Getting Started: Create and Manage Cloud Resources is a prime introduction to Google Cloud's simple capabilities, from writing Cloud Shell commands and installing the first virtual machine, to running applications on Kubernetes Engine or with load balancing.

2. Perform Foundational Infrastructure Tasks in Google Cloud

Gain practical experience with Cloud Computing dive labs and other big application facilities, such as cloud monitoring and cloud functionality. By completing this search, you'll learn valuable skills that are important to any Google Cloud initiative.

3. Understanding Your Google Cloud Costs

You can learn how to set up a billing account, coordinate services, and control access to billing permissions. In the hands-on labs, you can learn how to display your invoice, monitor your Google Cloud billing expenses, analyze your billing data with BigQuery or Google Sheets, and build personalized billing dashboards with Data Studio.

4. Implement DevOps in Google Cloud

DevOps is an organizational and cultural trend that seeks to increase the speed of delivery of applications, improve service efficiency and create mutual ownership among software stakeholders. In this search, you can learn how to use Google Cloud to boost the speed, reliability, availability and security of distribution of your apps.

5. Monitor and Log with Google Cloud Operations Suite

The labs in this search will give you hands-on experience and will show you how to track virtual machines, produce logs and notifications, and create custom device data metrics. It is recommended that students have at least received their badge by completing the Google Cloud Basics Search. Additional lab expertise in the Baseline-Infrastructure Search would also be helpful.

6. Build a Website on Google Cloud

In this quest, you can learn about the 4 available Google Cloud website architectures to ensure that your website is open and scalable. Complete this search, including the final challenge lab, to earn an exclusive Google Cloud digital badge.

My Badges 😌

After finishing the quests, I got some pretty cool badges.

Swags 🥳

Finally, It a Great opportunity to part of the #CloudKasthiram. And I have learned lots of things through the virtual event and Qwiklabs.

In the beginning, I joined for the swag but in the end, I learned some great lessons. Thank you GDG Sri Lanka for organizing this event.

My Personal Portfolio at DigitalOcean App Platform

Sewvandi Promodya Wickramasinghe — Wed, 06 Jan 2021 19:29:18 +0000

What am I building

I was thinking about creating a portfolio because it's a perfect way to show the qualities I would mention in a resume or talk about in an interview. Which provides proof of my applicable expertise and abilities.

Category Submission

Personal Site/Portfolio

App Links

You can view my portfolio here 🚀:
https://sewvandiwickramasinghe-if8nt.ondigitalocean.app/

Screenshots

About me

Experiences

My Projects

My Blog

My Gallery

Contact Me

Demo video 🤓

Description

My personal portfolio shows some of my education history, achievements, volunteering experiences, tools expertness, dev articles and the projects that I've done. I developed this website using JavaScript, Html, and CSS. I used DigitalOcean App Platform to host my portfolio. It is amazing and convenient to build.

Link to Source Code

You can find the source code here 🚀:
https://github.com/Sewvandiii/sewvandiwickramasinghe

Permissive License

The project is covered under MIT Licence

Background

(What made you decide to build this particular app? What inspired you?)

Starting with the software engineering industry, I felt the need to be able to bring more expertise out there and still practice what I've learned.

How I built it

(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)

I used CSS, JavaScript, SCSS (Sassy CSS😌) and HTML basically. I have worked with JavaScript to dynamically modify the website theme. I learned about deployment by reading How to deploy an app guide. I deployed my very first static app, select GitHub repo and boom💥. I am really glad that DigitalOcean App Platform support it! It was so easy to setup when I choose to start from App Platform portal. They guide me to setup my application and recommend a number of options that would be helpful.

Additional Resources/Info

Deployment on the Digital Ocean platform is very simple and effective. I genuinely liked and enjoyed my journey while I set up my App on DigitalOcean. Kudos to the team! 🥳

Procurement Construction System 🛠

Sewvandi Promodya Wickramasinghe — Mon, 29 Jun 2020 18:33:51 +0000

This is my individual part of the Case Study implementation of 3rd Year 2nd Semester - Case Studies in Software Engineering(CSSE) module. Here we try to solve the difficulties faced in the procurement procedures in the construction industry. As a solution we have created a Web application and a mobile application, whereas this is a part of the Web application, implemented with ReactJS, NodeJS, Express and MongoDB.

procurement_frontend : Developed with ReactJS
procurement_backend : Developed with NodeJS and Express with the connection to MongoDB local database.

Technology

NodeJS
Express
ReactJS
MongoDB

Configurations

step 1

Open terminal in VS Code in Backend Directory.

step 2

Run node index.js to start backend server.

step 3

Now open terminal in VS Code in Frontend Directory.

step 4

Run npm install

step 5

Run npm start to run the app in development mode.

step 6

Open http://localhost:3000 to view it in the browser.

GitHub Repo 📌

Sewvandiii / procurement-construction-system

🛠 This is my individual part of the Case Study implementation of 3rd Year 2nd Semester - Case Studies in Software Engineering(CSSE) module. Here we try to solve the difficulties faced in the procurement procedures in the construction industry.

🔧 CSSE - Procurement Construction System

Languages

procurement_frontend : Developed with ReactJS
procurement_backend : Developed with NodeJS and Express with the connection to MongoDB local database.

Technology

NodeJS
Express
ReactJS
MongoDB

Configurations

step 1

Open terminal in VS Code in Backend Directory.

step 2

Run node index.js to start backend server.

step 3

Now open terminal in VS Code in Frontend Directory.

step 4

Run npm install

step 5

Run npm start to run the app in development mode.

step 6

Open http://localhost:3000…

View on GitHub

Why Visual Studio Code is so popular?

Sewvandi Promodya Wickramasinghe — Sat, 20 Jun 2020 18:00:50 +0000

I think the main reason Vscode is so popular is that it has all that every programmer expects from a code editor with some other useful features.

1) It serves numerous programming languages

It supports almost all the major programming languages such as It supports Python, JavaScript, HTML, CSS, TypeScript, C++, Java, PHP, Go, C#, PHP, SQL, Ruby, Objective-C and much more.

2) Available for macOS, Linux, and Windows

It is a free open source editor and cross platform that works on Windows , Linux and MacOS to enable you to work on your device regardless of the platform.

3) The language of the selected file can be modified

It supports default language, but you can also edit language mode according to your file.

4) Debugging

When the coding becomes difficult, it becomes difficult to debug. Debugging is often the only feature developers miss in a sleeker coding experience, and so we did it. Visual Studio Code provides an integrated debugger so that you can transfer source code, check variables, view call stacks and run console commands.

5) Provides documentation specific to the language

The web portal contains popular language documents, which are supported by the Visual Studio Software. C++, C #, CSS, Go, Python, PHP , Java and many more are among them.

6) Command palette

The command palette that makes the VS code accessible from the keyboard is displayed in Ctrl / Command+ Shipt+P. You will use all VS Code features and all keyword shortcuts.

7) Customization

Visual Studio Code offers flexibility, as with any other common editor. In fact , thanks to its flexible preferences and a variety of extensions, it provides extremely personalized solutions. Vscode allows you to modify your theme, modify your keypads, adjust your settings, create snippets and much more.

8) Code management features

Visual Studio code also features code management functions such as Go to Definition, Peek Definition and the Rename Symbol. Find all references. These features can be easily found in the vscode by right-clicking in the code file.

9) Built-in Git integration

Visual studio code is providing comprehensive Git integration, so that programmers can immediately monitor changes without leaving the editor. You can find the Git icon on the left side of the bar where it can be initialized and several Git commands such as pull, push, publish etc. can be performed. Vscode also works with a number of Git repository locally and remotely.

10) IntelliSense

The programmers use this function for the completion of their intelligent code, parameter information, content support, quick information and hinting of code. IntelliSense is provided by VSC for the following programming languages: JavaScript, CSS , HTML, TypeScript, JSON, Sass, and Fewer. We can use the IntelliSense extensions for other languages. For other languages.

What is your opinion here? Share your thoughts in the comments :)

MERN - Tour Package Reservation

Sewvandi Promodya Wickramasinghe — Sat, 13 Jun 2020 03:24:33 +0000

REST API Technology

JSON Based Web Services
Express
Mongoose

Front End Technology

ReactJS
Fetch API
React router dom
Bootstrap CSS
HTML
Nodejs

Database

MongoDB Atlas

Connection url:
mongodb+srv://root:bunny@cluster0alh36.gcp.mongodb.net/Tourism?retryWrites=true&w=majority

Configuration

step 1

Open terminal in VS Code in Backend Directory

step 3

Run node app to start backend server.

step 4

Now open terminal in VS Code in Frontend Directory.

step 5

Run npm install

step 6

Run npm start to run the app in development mode.

step 7

Open http://localhost:3000 to view it in the browser.

Main Functionalities

1)The admin can logs into the tour package reservation system using the admin email and password.

2)Admin has the only priority to add, update and delete tour packages.

3)User can view the pages and can book their tour reservation.

GitHub Repo📌

Sewvandiii / tour-package-reservation

🛩 This is a tourism website that contains tourism packages. With this website, anyone can find all the details about their next vacation place.

Tour Package Reservation

WORLD WIDE EXPLORERS 🦚

Languages

REST API Technology

JSON Based Web Services

Express

Mongoose

Front End Technology

ReactJS

Fetch API

React router dom

Bootstrap CSS

HTML

Nodejs

Database

MongoDB Atlas

Connection url: mongodb+srv://root:bunny@cluster0alh36.gcp.mongodb.net/Tourism?retryWrites=true&w=majority

Configurations

step 1

Open terminal in VS Code in Backend Directory

step 2

Run npm install

step 3

Run node app to start backend server.

step 4

Now open terminal in VS Code in Frontend Directory.

step 5

Run npm install

step 6

Run npm start to run the app in development mode.

step 7

Open http://localhost:3000 to view it in the browser.

⚠ Important

Admin has the only priority to add, update and delete tour packages

Quick Guide

License

View on GitHub

React MERN Stack - Building a CRUD App

Sewvandi Promodya Wickramasinghe — Fri, 05 Jun 2020 19:56:13 +0000

REST API Technology

JSON Based Web Services
Express
Mongoose

Front End Technology

ReactJS
Fetch API
React router dom
Bootstrap CSS
HTML
Nodejs

Database

MongoDB Atlas

Connection url:
mongodb+srv://root:bunny@cluster0alh36.gcp.mongodb.net/OnlineFashionStore?retryWrites=true&w=majority

Main Functionalities

1)The admin can logs into the online store system using the admin email and password.

Admin email – admin@gmail.com

Admin password – 123

2)The system checks whether the login credentials are valid✅ or not❎. If the login credentials are not valid, the system re-directs to the login page. Else if the login credentials are valid, the system enters the admin into the admin dashboard.

3)In the admin page, the admin can insert new categories by entering category id and category name to the system database.🛍

4)Also, the admin can update or delete existing categories from the system database. These modifications will be updated and saved in the system database.

5)In addition to that, the admin is responsible for creating login for the store manager.👩🏻‍💼

6)Once the login is created for the store manager, the store manager will be notified via e-mail. System sends an e-mail to the store manager with the login details.📧

7)Also, the admin can update and delete existing store managers from the system database. These modifications will be updated and saved in the system database.

8)Only admin can view all the added Store Manager details. The store managers’ list is displayed in this following page.

9)User can view all the categories of the system that has been added by admin.

Configuration

step 1

Open terminal in VS Code in Backend Directory

step 2

Run npm install

step 3

Run node app to start backend server.

step 4

Now open terminal in VS Code in Frontend Directory.

step 5

Run npm install

step 6

Run npm start to run the app in development mode.

step 7

Open http://localhost:3000 to view it in the browser.

GitHub Repo📌

Sewvandiii / fashion-dujour

🛍 This is used to Deploy The Fashion Store Web Application in the Heroku Server. Changes in the Repository reflect on the server with a new build.

🛍 Online Fashion Store

Languages

FASHION DU JOUR

REST API Technology

JSON Based Web Services

Express

Mongoose

Front End Technology

ReactJS

Fetch API

React router dom

Bootstrap CSS

HTML

Nodejs

Database

MongoDB Atlas

Connection url: mongodb+srv://root:bunny@cluster0alh36.gcp.mongodb.net/OnlineFashionStore?retryWrites=true&w=majority

Configurations

step 1

Open terminal in VS Code in Backend Directory

step 2

Run npm install

step 3

Run node app to start backend server.

step 4

Now open terminal in VS Code in Frontend Directory.

step 5

Run npm install

step 6

Run npm start to run the app in development mode.

step 7

Open http://localhost:3000 to view it in the browser.

Admin Credentials

Admin email – admin@gmail.com Admin password – 123

⚠ Important

Once the login is created for the store manager, the store manager will be notified via e-mail. System sends an e-mail to the store manager with the login details.

Delpoy on Heroku

Frontend

https://vast-beyond-62616.herokuapp.com/home

Backend

https://infinite-meadow-55031.herokuapp.com/

License

…

View on GitHub