teleren/devto huggingface dataset:
Healthcare mobile applications: All you need to know prior to building one
Tags: android, ios
Published: 2020-07-02 09:21:13

Health Tech is the future of healthcare. mHealth mobile apps are revolutionizing the healthcare industry. These apps help users in managing, tracking, and taking care of their health. mHealth apps have become an asset to the healthcare industry with quality services, efficient functionality, and better communication. 

These [app developers](https://www.techaheadcorp.com/) are using advanced technologies like payment APIs, chatbots, updated medical information, and accurate health trackers. Every new app is adding to the innovative facilities provided by mHealth. Some of these features are the ability to connect to wearable devices seamless IoT endpoint integration, the security of data, paperless documentation, cost efficiency, prompt healthcare services, and uncomplicated medical tests and reports.

If you are planning to create a mHealth app, then it is important to understand the availability of the types of apps, market need, and best practices of launching a [healthcare mobile application](https://www.techaheadcorp.com/blog/healthcare-mobile-apps/).
Redesigning Reactive Resume, and I need your inputs!
Tags: help, redesign, figma, design
Published: 2020-07-02 09:15:19

Hey everyone!

So, as a long-term side project, I've been developing this app called Reactive Resume (live on https://rxresu.me) for a while now and it has had overwhelming responses. People use it day in and day out to create, update or share their resumes. This has motivated me to spend some more time in making it much better.

{% post https://dev.to/amruthpillai/ever-dreamed-of-a-free-and-open-source-resume-builder-that-doesn-t-store-your-data-meet-reactive-resume-1dpl %}

For those of you who don't know, Reactive Resume is a **free and open-source** resume builder that focuses on privacy, great design and ease of use. Never did I imagine that so many people would want the same thing.

![Google Analytics Screenshot](https://dev-to-uploads.s3.amazonaws.com/i/1crtjoir0pxueouitehg.png)

In the new version, I hope to add a bunch of new features and also make the usability of the application a lot more smoother. I would like your inputs on the design and UX of the app, if you have the time. Please visit the Figma design below to see the new design and also collaborate with me using the comments.

#### https://www.figma.com/file/CIhmjEx8ByQKoIp3D0p0Rx/Reactive-Resume-v2?node-id=1%3A12

Please do let me know in the comments below, or you may leave comments on the Figma file I've linked above on how I can make Reactive Resume better, what features you are looking for in a resume builder. No answer barred, I'd love to hear from each and every one of you.

Thank you so much! :)
Learn to Code in 6 Simple Steps
Tags: codenewbie, computerscience, career, beginners
Published: 2020-07-02 09:12:32

What can you do with coding? You know you can become a valuable resource to employers or even become a freelance developer. As the coding industry is exploding, learning coding skills has become an increasingly good idea for job security and career success. And the salary levels aren’t bad either. But are you confused about how to start coding ? This is the right article that might help you to get out from your confusion.

![](https://lh3.googleusercontent.com/proxy/wRDJkGu_qHrhDEzRU8wDrdPyZ4vPvLEYhELrUXLGxgdev0AbBJOECU7AlhWq0ArIBMffcEKaE-P8VPX7wId5zAVHiD18YidhsX9Y7SOyHdnrdVGZiCExpww0HOk)
Here are the basic 6 steps that helps you to become a good coder.

1. Know your goals. You must know what do you want to achieve. Set a measurable goal to track your progress as you go.

2. Learn basic Computer Science. Understand how computers work to write better code and become a better developer.

3. Choose a Specialization. You have to find something you genuinely enjoy working with and pick your first programing language to learn.

4. Start an Online Course. Just pick an online course as per your need from websites like [udemy](https://www.udemy.com/), [eduonix](https://www.eduonix.com/dashboard) etc. and start working on your self. It's OK to use a free course but make sure it has plenty of content and practical projects to build something useful.  

5. Try to solve real life problems. Through your learning path, try to build small programs for your daily tasks like program to sort your emails, build something that organize your gallery.

6. Build a meaningful project. Start building your portfolio which showcase relevant information about you, about your projects and include everything that show your problem-solving skills.  

####LIKED IT ? DROP A HEART AND FOLLOW FOR MORE.
Best innovative apps built with Flutter framework
Tags: android, ios
Published: 2020-07-02 09:06:40

With the exponential growth in the introduction and usage of apps, developers are expected to create user-friendly, eye-catching, friction-less, and secure apps at minimum cost and in a shorter period. [Flutter](https://www.techaheadcorp.com/services/flutter-app-development/) is an open-source app development framework that is rescuing the developers by making it easier for them to build good apps. Flutter is among one of the top preferences of developers. Developers have an option to use any tool from the Flutter development toolkit at their disposal to create a cross-platform.

Before using Flutter to develop an application, it is advised to understand all the pros and cons of the framework. A developer must understand the compatibility and other requirements like building, testing, and distribution of an app before finalizing the usage of the framework and associated tools for the development of a mobile app. You can check the Best innovative [apps built with Flutter](https://www.techaheadcorp.com/blog/apps-built-with-flutter/) framework.
How to write a perfect essay
Published: 2020-07-02 09:04:56

Writing an academic essay means fashioning a coherent set of ideas into an argument. Because essays are essentially linear—they offer one idea at a time—they must present their ideas in the order that makes most sense to a reader. Successfully structuring an essay means attending to a reader's logic.

The focus of such an essay predicts its structure. It dictates the information readers need to know and the order in which they need to receive it. Thus your essay's structure is necessarily unique to the main claim you're making. Although there are guidelines for constructing certain classic essay types (e.g., comparative analysis), there are no set formula.
Tagless-Final is a Powerful Footgun
Tags: functional
Published: 2020-07-02 09:03:54

Read [The False Hope of Managing Effects with Tagless-Final in Scala – John A De Goes](https://degoes.net/articles/tagless-horror). Some thoughts.

Tagless Final was initially designed for the purpose of embedding a language, and providing various implementations of that language. That is the most flexibility you can get without designing a new parser. To think this places any restraints on the programmer is a big misunderstanding.

Being able to substitute the implementation entirely may be a curse more than a blessing. It gives no guarantee as to what a piece of code means. Again, the original purpose was to embed a language, so that flexibility is a feature. Programming in this style is basically programming an interpreter or a compiler for an almost entirely new language.

But, for most purposes, it is rare that you can design a better language than the ones polished by many people over years. Just use them instead.
Should I choose Flutter for the next app development project?
Published: 2020-07-02 09:02:50

Flutter is an open-source framework for [mobile app development](https://www.techaheadcorp.com/services/mobile-application-development/). It is used for developing cross-platform applications with the help of Google’s Dart programming language. It is one of the top three most preferred cross-platform mobile app development frameworks. Some of the reasons why people choose Flutter over other frameworks include it being single codebase, availability of native themes for both android as well as iOS, a plethora of open-source packages, easier animations and more.

With so many advantages to offer, Flutter boast of some of the most popular apps around the world. To name some, Google Ads, Alibaba, Hamilton and AppTree. This open-source framework is also backed by Google, which makes it safe to say that users will not have to worry about lack of support. Are you considering [Flutter for your next app development projects](https://www.techaheadcorp.com/blog/why-choose-flutter-for-mobile-app-development/)? Good Choice!
How to create Progressive Web Apps with React Native
Published: 2020-07-02 08:59:50

In recent years, Progressive Web Applications (PWAs) have grown to be one of the most commonly used mobile app development methods. Progressive Web Applications are a hybrid of regular websites or webpages which open in smartphones as a native app. We can build a [PWA using React Native](https://www.techaheadcorp.com/blog/progressive-web-apps-with-react-native/), Pusher, and service workers. We can also use browser dev tools to our advantage.

Progressive Web apps are cost-efficient and highly economical when compared to native mobile apps. One of the concerns with PWA is that they do not have support on all browsers and software yet. However, it is expected that PWAs will break this barrier soon and may become the future of [app development](https://www.techaheadcorp.com/services/mobile-application-development/).
How AI will transform the US Healthcare system?
Published: 2020-07-02 08:57:02

[AI is revolutionizing US Healthcare](https://www.techaheadcorp.com/blog/artificial-intelligence-will-transform-us-healthcare-system/) system. This technology is responsible for enhancing the work of our healthcare professionals and save their time. With the further application of this advanced technology and adaptation of NLP and machine learning algorithms, we can redefine the traditional process of treatments for the healthcare industry. 

In brief, it will lead to shorter drug discovery duration and lesser administrative and operational costs. With [Artificial Intelligence](https://www.techaheadcorp.com/services/artificial-intelligence-development/), chances of human error will also diminish. It will ultimately bring higher efficiency and effective care for the patients.
Create Your Own Quote API with Netlify Functions - Part 2
Published: 2020-07-02 08:53:59

---
title:  Create Your Own Quote API with Netlify Functions - Part 2
published: true
description: 3 part series
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/5j0mjnwgf7lbazw76w1x.jpg
//Part 1: Get a Netlify function up and running locally.
//Part 2: Deploy the function to the Netlify platform.
//Part 3: Tie it all together by using the deployed API to //display quotes in a React app.
---
<span>Photo by <a href="https://unsplash.com/@jontyson?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Jon Tyson</a> on <a href="https://unsplash.com/s/photos/quotes?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>

This is a 3 part exercise on how to create and use your own quote API with Netlify functions.

Create Your Own Quote API with Netlify Functions (3 Part Series)|
---|
[Part 1: Get a Netlify function up and running locally.](https://dev.to/grepliz/create-your-own-quote-api-with-netlify-functions-part-1-3f4o)|
[Part 2: Deploy the function to the Netlify platform.](https://dev.to/grepliz/create-your-own-quote-api-with-netlify-functions-part-2-5fpm)|
[Part 3: Tie it all together by using the deployed API to display quotes in a React app.](https://dev.to/grepliz/create-your-own-quote-api-with-netlify-functions-part-3-36be)|
    
If you have been following along from Part 1, push your `random-quotes` project to your git hosting provider.  I'm using GitHub, but other providers such as GitLab or BitBucket will work as well.   

0. [Install the Netlify app](https://developer.github.com/apps/installing-github-apps/) on GitHub   
1. [Sign up](https://app.netlify.com/signup) for a [Netlify](https://www.netlify.com/) account.  
2. Once you're logged in, click on the ***New site from git*** button.
3. Click on the GitHub button
4. Authorize Netlify to have access to your GitHub account
5. Search for and select the `random-quotes` repository. 
6. Fill in the following:        
   Build command: `yarn build`.    
   Publish directory: `build`.      
7. Click on ***Deploy site***

Once the deploy is finish, you should see a unique Netlify URL that looks something like this:
https://gracious-jones-94f7bb.netlify.app

Test your deployed API by navigating to:
https://gracious-jones-94f7bb.netlify.app/.netlify/functions/quotes

If you see a quote, congratulations! You've deployed your first Netlify Function with usable quote API!

*NOTE: Your exact URL will be unique to you.*

In the next and final section, we will use this API to display a quote in our React app.
Microsoft Blazor makes its way into cross-platform mobile applications
Published: 2020-07-02 08:52:58

[Microsoft Blazor](https://www.techaheadcorp.com/blog/build-apps-with-microsoft-blazor/) is a free and open-source UI framework that enables developers to create web apps using C# and HTML. Its unique selling point is its ability to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. That is a preferable choice for a lot of developers. It runs on .NET standard 2.0 and depends on Xamarin.Forms for its native user interface elements.

Another considerable advantage of Blazor is that it allows developers to select how and where would they like to host the apps. Blazor’s component/app model is responsible for UI variations, but users can use different renders (or hosting models) to control the appearance of actual display and updates. 

There are four hosting models for Blazor. For Web, we have WebAssembly and Blazor Server; for Desktop (Windows, Mac & Linux), we have Blazor Electron; for iOS and Androids, we have Mobile Blazor Bindings. Mobile Blazor Bindings are available on GitHub and require .NET Core 3.0 or 3.1. The web platform has evolved into desktop and mobile applications with the help of [Progressive Web Applications (PWAs)](https://www.techaheadcorp.com/blog/progressive-web-apps/). Capabilities of .NET applications have been expanded by combining the high-end technologies with the web.

With increasing popularity, Microsoft Blazor framework will transform web development processes and procedures for the ASP.NET users and developers. With future Blazor editions of Hybrid, PWAs, and Native Blazor, the framework is likely to evolve more swiftly.
Remove Duplicates In Array
Tags: javascript
Published: 2020-07-02 08:41:48

Given an _array:_ `const myArr = [1, 2, 3, 4, 1, 1, 4]`, how to remove duplicates?

We can take advantage of `Set` - it's a built-in _function constructor_ in JS. 

`const mySet = new Set(myArr)`

This solves our immediate issue of removing the duplicates; now, to just turn this back into an _array._


`const myNewArr = [...mySet]`

We have taken `mySet` 👆🏽 and spread it out with `...`. Then, we have just wrapped up these 'loose elements' into a new _array_ as we see from the presence of `[]`.

And, putting it all together, we can create a 'one-line utility function:' `const removeDuplicates = (a) => [...new Set(a)]`

You can see some other of the utility functions I routinely use [here.](https://gist.github.com/manavm1990/9b8ef7294d88da151a8227bab9067b60)
I made an Android App in a week. 
Tags: android, angular, javascript, node
Published: 2020-07-02 08:38:51

First things first, **I made an Android App**. 🎉 🥳

- You can check it out here: [My awesome & free app](https://play.google.com/store/apps/details?id=com.codeitlab.ionic)

>**Technologies used**: 

>1. Angular/Ionic
>2. Firebase
>3. Node.js/Express.js

Currently I'm in the process of making a website version of this app, which will be done in **React** (I know, I know...) and for that I will need a more solid back-end system, which I've started to move from **Express** to **Spring Boot**. 

Considering how much data and instant verification I'll need to do, I am looking into **GraphQL** as my **Postgres** layer. I believe it will enable me to query exactly what I need without overloading my website or my app with additional data which I am not using. 

Let me know how you like it in the comments below, leave your opinion, critique, advice or let's just talk about tech! 

**Is anyone interested in Ionic/Angular tutorials or some tricks & tips?**

Take care good people! <3
Design an animated scrolling mouse icon with CSS
Tags: css
Published: 2020-07-02 08:37:34

Scrolling indicators are a common client request.

Whether or not they’re entirely necessary is a matter for another day…

In this article we’ll create a simple mouse icon with an animation effect to indicate a scrolling action, like this:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/y54wc5xjbn37pggc95jp.gif)

First thing to do is add the following HTML to your page.

```html
<div class="icon-scroll"></div>
```

Next we’ll add the style to create the basic shape of the mouse.

```css
.icon-scroll {
  width: 20px;
  height: 30px;
  background: #ccc;
  border: 2px solid #bbb;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
  box-shadow: 3px 3px 5px -5px #000;
}
```

Using the CSS ::before selector we can create a pseudo-element to represent the scroll wheel.

```css
.icon-scroll::before {
  content: "";
  width: 4px;
  height: 10px;
  background: #eee;
  border-radius: 2px;
  margin-top: 5px;
}
```

And using the CSS ::after selector we can add a small square that we’ll animate.

```css
.icon-scroll::after {
  content: "";
  width: 4px;
  height: 3px;
  background-color: #bbb;
  position: absolute;
  display: block;
  animation: scroll ease 1s infinite;
}
```

Lastly the animation that shifts and fades .icon-scroll::after in an infinite loop.

```css
@keyframes scroll {
  from {
    top: 5px;
  }
  to {
    top: 18px;
  }
  100% {
    opacity: 0;
  }
}
```
Which e2e testing framework can I use to test a Cordova hybrid app?
Tags: testing, vue, android, ios
Published: 2020-07-02 08:36:50

Hello, we have an app with Cordova + Ionic + Vue and we are testing with Appium + Wdio, but we are having issues and we're considering to test another framework.

Wich do you know to test a Cordova app?
I am getting an error while using express and axios
Tags: help, javascript, node, discuss
Published: 2020-07-02 08:21:48

I am using API to display movie search using express and axios when the user searches for a particular movie and I got some error after running the server.

<h1>Here is the express code:</h1>

var express = require("express");
const axios = require("axios");
var app = express();

app.set("view engine", "ejs");

app.get("/results", async function(req, res){
	try{
		const response = await axios.get('http://www.omdbapi.com/?s=hangover&apikey=thewdb');
		res.render("results", {data:response.data});
	}
	catch(err){
		console.log(err);
	}
});

app.listen(3000, function(){
	console.log("sever listening to port 3000");
});


<h1>And here is results.ejs file:</h1>

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cupv6pw1d9skeos6s5jz.PNG) 


<h1>Here is the error:</h1>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e1kst02cgepzp7dvl4xs.PNG)
Django Migrations leak memory in DEBUG mode
Tags: django, migration, memory
Published: 2020-07-02 08:13:38

---
title: Django Migrations leak memory in DEBUG mode
published: true
description: 
tags: django, migration, memory
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ol6tq9npr7k5110wwnvf.png
---

While optimizing a django database migration which iterated over batches of a large table (~40 Mio rows), I noticed that the memory usage would consistently grow. Memory consumption kept growing even after I `del`'ed all inner-loop variables and asked the garbage collector to do their work.

I finally figured out that Django's `DEBUG` mode, which is [well known to use up memory](https://www.dimagi.com/blog/django-orm-memory-leaks-in-debug-mode-73877/) for traceability, has the same effect in migrations, too. Adding the following two lines to your migration ensures smooth, memory-efficient processing, no matter the environment:

```python
from django.conf import settings
settings.DEBUG = False
```
We build a T-REX RUN! Game in JavaScript
Tags: tutorial, javascript, gamedev
Published: 2020-07-02 07:53:39

Hello and welcome to another JavaScript Game Walkthrough!

In this walkthrough, I show you how to build the popular Dino Chrome Game in pure JavaScript, HTML and CSS, no fancy frameworks required! We also will not be using Canvas, we are going to be using pure JavaScript logic for everything!

I like this tutorial as we really focus on nodes, so adding Children to parents using .appendChild(), but also removing them using .removeChild() and a few others.

I will also be showing you how to make sure your code is the best possible version of itself it can be by using a platform called Embold. I will walk you through this step by step at the end so make sure not to miss.

UPDATE: 
I collaborate with Embold and they provide us with a 20% off discount code as well! 
Code: GB546C10
Website link: https://bit.ly/embold-platform

Thanks for coding along with me! I would love to see your finished games, how you have taken them to that extra level! Please do share them with me on Twitter, Instagram, or Youtube!

https://www.youtube.com/aniakubow
https://www.twitter.com/ania_kubow
https://www.instagram.com/aniakubow
Code Editor: VSCode
keyCodes: https://www.keycode.info

{% youtube dQ6lYd6dyTI %}
ดู coverage บน Jenkins
Published: 2020-07-02 07:51:53

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/06vnb87wuqpip7dnshz8.png)

ผมเห็นสิ่งนี้ตั้งแต่ตอนทำงานอยู่ที่ KBTG และเพิ่งจะได้มีโอกาสทำด้วยตัวเอง พอทำได้ก็เลยต้องจดไว้ซะหน่อย
ก่อนอื่น ต้องลง pulgin ใน Jenkins เสียก่อน 2 ตัวคือ
1. Code Coverage API Plugin
2. Cubertura Plugin

ตามรูป ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8au6ymvoszd9m63f19fz.png)

จากนั้นใน pipeline ให้ใช้คำสั่ง

> gocov test ./... | gocov-xml > coverage.xml

โดยจะต้องลง gocov และ gocov-xml ก่อน และเพิ่ม step ใน Jenkinsfile ตามนี้

```jenkins
    post {
        always {
            step([$class: 'CoberturaPublisher', autoUpdateHealth: false, autoUpdateStability: false, coberturaReportFile: '**/coverage.xml', failUnhealthy: false, failUnstable: false, maxNumberOfBuilds: 0, onlyStable: false, sourceEncoding: 'ASCII', zoomCoverageChart: false])
        }
    }
```

แค่นี้ก็สามารถเห็น coverage สวยๆใน pipeline ได้แล้วครับ