teleren/devto huggingface dataset:
WK 12 HW Blog Post
Published: 2023-04-03 03:34:25

**What was the hardest aspect of this?**
The most difficult part of this Project so far has been the styling for the Badges. I had said previously that styling came naturally from Project 1, but getting the badges to resemble the badges on the PSU website has proved very difficult. My "live updates" also refuse to work; when editing in VScode and saving my localhost link doesn't display anything, but when deployed to vercel the badges show up. Icons also have been a struggle to get working, as well as the search function of the search bar. I also struggled with getting the fork merged to the main branch so our code would be merged; I researched for hours and couldn't figure it out. 
**What part of this project was easier than you expected?**
Getting the badges implemented using the Map method to pull from badges.js was pretty easy, as well as the HTML side of the frontend.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lcelq5luvmlkl24e7d22.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/446k0ggmo2cfkrchpqw5.png)
Moving along to post 3 for project 2
Published: 2023-04-03 03:11:54

**The relationship between Searching and rendering results**
 Our code filters through the different badges but we still haven't found a way to render the results.

**User Interaction Diagram (from draw.io)**




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rq50sw62rvk8ybun2eb.png)



**Using our ideas to problem solve for companies with monolithic architecture**

Microservices can help businesses leverage other developers' code and make it so that each application process has its own separate logic and databases. For example, a business using a monolithic program would find it difficult to update their software if they ever want to make it more efficient to track the company's growing number of sales. Or another example is an API style search engine. Some companies include a lot of different sub pages and sometimes it can be really confusing to navigate to the one you need. Using an API search engine could help users navigate more easily. 

**More questions you have / things your stuck on**
I'm not sure how we could render the search results. So far, I only have the list but can't find a way to display them on screen.

Unsure of how to change the icon on each badge using html. In the assets it can be changed since they are strings but I am unsure of how to for the icon.
Where laziness is destructive
Tags: beginners, productivity
Published: 2023-04-03 03:26:07

I've been noticing recently that I lack the understanding of the [framework](remix.run) I'm working on. I've been realizing it for quite some time, but I never actually fully come to learn until I landed a [PR](https://github.com/DevelopingSpace/starchart/pull/463) on our [repo](https://github.com/DevelopingSpace/starchart).

### The Problem ###

It was a simple download icon that is currently non-functional. I thought it would be simple, but I hit a wall immediately right after. I recall that I used `fs` to write or readFile from my repo, I used it, and it wasn't working. After searching for a while I realized that remix run is a "**client-side**" web application, meaning that access of the local file system is restricted by default due to security reasons. I learned that I can bypass this issue by using a [blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob). 

Once my PR was up, my professor told me that I could actually make a much cleaner and better approach by using a concept developed by remix called [resource routes](https://remix.run/docs/en/main/guides/resource-routes). He simply made a recommendation, and still approved of my PR, but it made me realized that I am lacking knowledge with how things in the repo work that is not part of the UI. I decided to c

### Never Charge Blind First ###

When working with an area you are not familiar with, never try to charge in first, and learn along the way. It might sound simple enough, and you might find it ridiculous that I would bring up such an obvious topic, but I've noticed that some of of my fellow junior peers would head straight through a code, with the thought that their knowledge of programming would help them along the way.

They will view the code, and if they slightly understand it, they'll pick from there and move along. I find this destructive, because you aren't building a stable foundation. When I worked with the UI, I already have an understanding on how I want things to be built, simply because I read through the docs and understood what I'm using.

It's like solving a jigsaw puzzle; you always start building the outline, before you even move onto the actual picture. 

### Conclusion ###

It might be obvious that we should always be prepared for what we are working on, but we tend to ignore the fact due to our own pride/laziness. That we can pick up on things later on, and we don't need to learn everything as of right now.
881. Leetcode Solution in cpp
Tags: cpp
Published: 2023-04-03 03:15:31

```cpp
class Solution {
 public:
  int numRescueBoats(vector<int>& people, int limit) {
    int ans = 0;

    sort(begin(people), end(people));

    for (int i = 0, j = people.size() - 1; i <= j; ++ans) {
      int remain = limit - people[j--];
      if (people[i] <= remain)
        ++i;
    }

    return ans;
  }
};

```
#leetcode 
#challenge
Here is the link for the problem:
https://leetcode.com/problems/boats-to-save-people/
Emotional Labour
Tags: leadership, mindfulness
Published: 2023-04-03 03:12:57

---
title: Emotional Labour
published: true
description: By prioritizing our own emotional well-being, we can show up fully present and engaged for our loved ones and avoid unnecessary conflicts and stress at home.
tags: leadership, mindfulness
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-04-03 03:11 +0000
---

> Originally posted on [Substack](https://nicoswip.substack.com/p/emotional-labour)

Lately, I've discovered that one of the biggest challenges of being a leader is the Emotional Labour involved. Emotional labour refers to the effort and energy that leaders put into managing their own emotions and the emotions of those around them. This can include tasks such as maintaining a positive attitude, providing support to team members, resolving conflicts, and managing stress. We work hard to create a Safe Environment where people can thrive on. We look for opportunities for team members to grow. We discuss and help solve interpersonal issues in our teams. Etc.

One of the main challenges of emotional labour is that it can be draining and exhausting for leaders. They may feel overwhelmed by the emotional demands of their job and struggle to maintain their own well-being. Additionally, emotional labour often goes unnoticed or undervalued, which can lead to burnout and dissatisfaction.

This leaves us drained of Emotional Energy. So when we switch off from work to home mode, we are out of energy to be empathetic and caring at home. This leads to arguments and struggles if we don't keep ourselves in check.

To address this challenge, leaders need to prioritize self-care and seek support from others. They may also need to develop strategies for managing their emotions more effectively, such as mindfulness practices or regular exercise. By taking care of themselves, leaders can better manage the emotional demands of their job and continue to lead with empathy and compassion.

It's important for us to realize the toll that work can take on our emotional energy levels and make a conscious effort to replenish them before heading home. This can include taking short breaks throughout the workday to recharge, practicing mindfulness or meditation, engaging in physical exercise, or simply taking time to disconnect from work-related thoughts and worries.

By prioritizing our own emotional well-being, we can show up fully present and engaged for our loved ones and avoid unnecessary conflicts and stress at home. It's also important to communicate with our partners and families about our work-related responsibilities and stressors, so they can understand and support us in balancing work and home life.
Journal Entry 3 - Obstacles, Success, Misery.
Tags: project2
Published: 2023-04-03 03:05:10

Real progresss has been made towards the final goal of project 2. My partner and I have brainstormed and formulated outcomes that gave us decent looking outputs to what is required of us. 

Firstly, the thing we needed to get down first was the badge itself, and that had it's own obstacles that we had to overcome. The main issue we rain into was getting the card to collapse and uncollapse all together instead of having two seperate blocks just parallel to each other. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efubekrg487onvdspfp8.png)

(Previously it was two blocks when hitting the collapse button now it's one unified one)

The making of the actual content within the badge was not very hard however we did run into some issues when trying to import the necessary pictures from the icons libray the first time around. However, we tried again another day and got it to work (we believe there was an issue with the icon website the first time).  

The search bar seems to be the final boss for our case but we have managed to make some progress. In theory,to search through an API and render the results, we listen for the form submit event and retrieve the user input. We then use the fetch function to call the API with the user input and wait for the response. If the response is successful, we handle it by parsing the data and rendering the results in the UI. 

Here is our honest attempt at a diagram showing what happens from user input, through machine sending value, to re-rendering on the page: 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7iqulyxeoh050egxbw6t.png)

A thought provoking question: "Think of a real world use-case from industry (Media streaming, youtube, corporate, cable company provider, web platform, etc) where micro-service architecture could fit into their business context. How could we use this approach to solve a real problem at a company currently using a monolithic design architecture?" 

Answer: Microservice architecture is a useful approach for media streaming platforms such as HBO max or Disney plus. By breaking down different components of the platform into separate services that communicate with each other through APIs, this architecture makes it easier to handle high traffic loads, scale up or down individual services as required, and improve development and deployment times. Additionally, teams can work on different services independently, which can speed up the development process. Overall, microservice architecture can help media streaming platforms to improve user experience and stay competitive.

We must power through this last week of working on this project and get everything working sharply. Our progress has been slow and steady but we will pick up the pace and grind the remaining tasks out. Tune in next time to find out whether we failed this project or not!
Project 2 Week 12 Blog
Published: 2023-04-03 03:03:24

# Homework week 12 blog post:

## Blog post about progression you've made
- The progression that was made throughout the week was putting together the api and trying to get the search bar to render and filter.

## How did you get the relationship between Searching and rendering results working
- Not able to do that yet. We aren't sure where to begin. Hoping to get help with that in class on Tuesday.

## Draw a diagram on draw.io for user interaction pattern. What happens from user input, through machine sending value, to re-rendering on the page

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/neyebnw3u0fgwampnlj3.PNG)

## Think of a real world use-case from industry (Media streaming, youtube, corporate, cable company provider, web platform, etc) where micro-service architecture could fit into their business context. How could we use this approach to solve a real problem at a company currently using a monolithic design architecture?
- Micro service architecture could be used for a platform to search and make payments. It could be helpful in sorting data. For example Spotify uses micro-service to manage account user data.

## More questions you have / things your stuck on
- Some questions that I have would be involving the api and why multiple cards are not showing up. Do we need a button that when u click on a filter it displays that filter or can we just use the search bar for doing that filtering? Furthermore to add to this the whole aspect of searching and rendering is still quite confusing. I understand that I have to have a new search file to the src folder but how to get that up and running is still confusing.

## Link for repo:
https://github.com/jessicagroblewski/badges-list
Homework 12
Published: 2023-04-03 02:43:54



##Progression we've made: 

#link: https://github.com/davidscheer58/badge-dashboard

So far we have managed to get each of the badges in our website with a search bar. We have made a lot of progress when it comes to formatting and styling. Last thing we really need to focus on is separating the badges making them all independent and wiring up the search bar which we have been working on for the past couple days. 

##Searching and rendering 

We are still working on this and has been our main point of focus this past week. We got our ideas onto our page and now we are focusing on wiring everything up as a whole. 

##Draw.io Diagram of what happens from user input to re-rendering


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b1e77qngsiovyrnfu6e9.jpg)


##Real world use from industry where micro-service architecture could fit into their business context

One real-world case for microservice architecture could by any type of media streaming platform like Netflix, Hulu, Disney+ etc. These services have millions of users who are accessing their respective streaming services simultaneously. In order to provide an efficient user experience without delay, these companies need to process large amounts of data in real time. By using a microservice architecture you can improve scalability, flexibility and the resilience of an application. For example if one service fails it does not make an entire application fail. Netflix for example is using a monolithic design where all services are grouped making it hard to scale. Using microservices can improve all aspects of Netflix and make it more able to scale and remove these "coupled" tasks. Making one microservice to handle one task and another service to handle another task like playback. 

##Questions: 
We are having trouble wiring up the search bar and filtering the results. Was just wondering how we can go about it.
Project 2 Week 12
Tags: webdev, beginners, api, devjournal
Published: 2023-04-03 02:12:42

https://github.com/DynamicPunch/project-2cool4school

## How did you get the relationship between Searching and rendering results working?
We have not gotten our search set up to the api yet, but we have our rendering basically done and there are only a few adjustments to make the dropdowns more accurate.  We are still trying to figure out how to get the input in the searchbar with java.  We've found some tutorials that help but figuring out how to get the input has been the hard part.  We think it is in the shadow root but don't know what to querySelect. Once we get that we can easily get that hooked up to the api and we should be finished.  So far this is what we have in script.js but we've been making changes to it.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b1oy0ktua95upzlbe6vh.png)

## Draw a diagram on draw.io for user interaction pattern. What happens from user input, through machine sending value, to re-rendering on the page
![Hi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l8x15jv2etogoxgugxw9.png)
## Think of a real world use-case from industry (Media streaming, YouTube, corporate, cable company provider, web platform, etc) where micro-service architecture could fit into their business context. How could we use this approach to solve a real problem at a company currently using a monolithic design architecture?
Micro-service architecture is very useful for getting elements from other computer programs.  This is especially useful for social media companies like YouTube who have users uploading new videos every minute allowing for the site to add new videos faster due to the scalability.  Alphabet could then implement similar architecture to their other apps such as drive which could fetch from google docs, sheets etc.
## More questions you have / things your stuck on
We are trying to figure out how to get the input from the search bar.
Django Page Refresh
Published: 2023-04-03 01:52:06

I built a mini social media website. Everything works fine but i noticed that whenever i redirect from my backend the whole page refreshes. For instance, a user creates a post and i visit their profile.

If i click the like button to like the post, my backend receives the request and does the necessary things and then redirects me to 

```
#f"/profile/{user}"
```
 as the response and also where I'm coming from. But the issue is that the page scroll position goes back to top meanwhile the post i liked is at the button.


Thanks for your help in advance.
W12 HW
Published: 2023-04-03 01:40:02

[Anish](https://codepen.io/Anish-cod/pen/rNZqzYE):
I started this project from using my old card to make the front end, based on the new cards design, I made changes to its design and functionality including dropdown(expand) and the search bar. Then, I decided to implement the box design first then moved to the arrow and drop down functionality. Once these were done, I moved to creating the search bar. I have had issues with having the box expand and then wait a second before returning to contract shape, the transition time was not the issue so not sure why that was happening. However, I would say a lot of the design aspects were translated from Project 1's card to work on. My next priority is to connect the search quarry to the data present in the cards and to highlight the needed text on search. Nevertheless, I am not sure how to connect the API for our codes to make the search functionality work. 


![My progress this week](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gudctfcyterdt79bcsle.png)


[Spenser](https://github.com/M18ab/amazon-badges):
I started by using the card element of project one to temporarily replace the badges while Anish creates the design on the frontend. Once I implemented project one’s card, the first thing I attacked was the orientation the card was rendered in, since it needed to be from top to bottom instead of left to right. My biggest issue has been figuring out how to connect the search bar with the rendering of the cards in the API folder. I’ve tried following guides from numerous online resources and spent hours trying to connect the two to no avail. Despite this, having a constructor with different changeable properties that modify individual elements of the card/badge translated from Project 1's card since overall, the badges are the same, they just have different properties tweaked to make them unique. Going forward, my next priority is connecting the search bar to rendering the results. I’m not sure how to do this, but I’ll keep trying and doing more research.

![My progress this week](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ze9vjhondab83spkdryx.png)

NOTE: Last week (W11), we accidentally blogged based on this week’s (W12) prompt. Thus, this week’s blog is based on the W11 HW prompt.
IST 256 Badge Dashboard Post 3 Development
Published: 2023-04-03 01:15:15

##Git Repo: 
https://github.com/NewJerkey/badge-dashboard

##Progress Report:  
For our dashboard, we made more progression on the styling of the website to make it look pretty clean and user friendly to the eyes of the people who are visiting the website. For this whole week we were trying to figure out how to implement the searching function. We wanted to use the string of what the user input and have that go into search through the api and display the badge the user wanted to search for. 

The problem is we have been running into many errors where it would not load up and display the badges array list we created in the api. We are getting 404 errors where the website can not find the json files. It can not find where the files are located. The request url does not work which could give us a hint in what is wrong. It is not able to load any of the content to the front end. It fail to load resource for /api/badges.(Edit: After countless hours and screening and slamming on desktops the problem has been resolved.)

We are trying to implement req.query in the api to only render badges that meet a search criteria. We do not know how to properly use req.query and we are still trying to figure it out. 

##Draw a diagram on draw.io for user interaction pattern. What happens from user input, through machine sending value, to re-rendering on the page

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qar46mxa9ax86k0ogm3l.png)

##Think of a real world use-case from industry (Media streaming, youtube, corporate, cable company provider, web platform, etc) where micro-service architecture could fit into their business context. How could we use this approach to solve a real problem at a company currently using a monolithic design architecture?

Real world use-cases where micro-service architecture could fit into their business context is it enables businesses to rapidly create, deploy, and improve their applications than relaying on a single piece of code. With micro-services it can separate the codes functionality and making any kind of modifications possible without damaging or bringing down the application. It helps keep up run time and break down a complex, large-scale program into simpler applications. Each application is in charge of their own features and functionality. 


##More questions you have / things your stuck on: 
Currently we are stuck on how to properly send the form to the backend where the api lies and how to scale the search bar.
Homework week 12
Published: 2023-04-03 00:54:11


repo link: https://github.com/jackvanzandt/project-two

We started to get the search bar and results linked together by creating a new array called filteredData that contains only the objects from the original badge array that match the search criteria. The search criteria are defined by checking if the lowercase value of the name, creator, or department property of each object includes the lowercase search input. By doing this, the code is able to narrow down the results to only those that match the search input. The filtered data can then be used to render the results to the user.

One real world use-case where micro-service architecture could fit into the business context is in the media streaming industry. Media streaming companies such as Netflix or Hulu have complex systems for managing and delivering content to their users. By using monolithic design architecture, each component can be developed and deployed independently. This allows for greater flexibility in modifying or updating one component without affecting the entire system.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t17rf6dln1blv2yas4x4.jpg)

We are still having trouble connecting the API to the search functionality of the frontend along with having an independent badge that can be altered and duplicated if needed.