teleren/devto huggingface dataset:
Certain Steps to Consider for Building Great Food Delivery Apps
Tags: android, ios, mobile
Published: 2021-09-30 11:03:00

Let's know here 5 Certain Steps to Consider for Building Great Food Delivery Apps

<b>1. Validate Your Idea for the App</b>

Before going into the minute details of ways to build the finest app, you must analyze the market and know why food delivery apps are getting popular. The global food delivery market is expanding every day, and the apps will increase largely in the upcoming years. The main reasons for the apps getting so much popularity are that the apps are highly time-saving and provide convenience. The eateries that are delivering food from these apps have the most benefits, and you can make a huge customer base due to these apps. The more the business translates, the higher will be your revenue and ROI.

<b>2. Track the Industry Trends</b>

The newer food delivery channels, as well as other trends, have major importance. For making your project more unique, you can consider getting orders even from social media accounts. Virtual assistants are also helping in placing orders, and integrating it with your ordering system can give you more profits. While creating a food delivery app, mobile app development companies are also considering the usage of wearable devices as it simplifies the process of ordering.

<b>3. Food Delivery Application Types to Opt for</b>

Some major on-demand food application models are the third-party or aggregator model and delivery or logistics service type model. In the aggregator or third-party model, the customers can browse a large range of eateries and menus. In this, the user can also go through numerous restaurants list and read the reviews to decide. Then people can place orders, and the main task of this model is to connect the restaurant and customers. The Logistics service model reduces the expenses as the app itself handles the food delivery. Here you will require to develop one extra platform for the food delivery services.

<b>4. App Models Requirements</b>

Three different app sides are the customer app, admin app, and the app for the delivery person. The customer application is a food delivery app that is installed on a customer’s device. The restaurants can accept orders, dispatch them, handle payments, and keep every logistics in the admin app. The app for delivery persons is for the ones that are doing the delivery. Through the app, they can know new orders, drop-off locations, etc., which will help them smoothly deliver orders to the customer.

<b>5. Features That Your App Needs</b>

Amazing features will always retain customers. Once you figure out the essential features to keep in the app, you can then go for on-demand food delivery app development to make it unique. You can include registration, profile management, search option, easier list for orders, preference list on the homepage, payment gateway, push notifications, offers, and reviews.

GET to know here more few 5 steps for Building Great Food Delivery Apps:https://webmobileappcreator.wordpress.com/2021/09/30/how-to-build-a-perfect-food-delivery-app-for-the-first-time/
300 Sales - New Milestone achieved in Geeks UI kit
Tags: javascript, webdev, bootstrap, devops
Published: 2021-09-30 11:02:01


## Geeks UI - Bootstrap 5 Theme

First of all, thank you to all our developers and customers. A long story behind the 300 sales. In short, we are continuing to update fresh designs and components in the Geeks UI kit that will help developers, design agencies, and companies to build their projects and website fast. Geeks UI - Built with bootstrap 5, SCSS, and Gulp task automation. 

Geeks UI package comes with academy, dashboard, and landing page design. Finally, now we move to our next milestone. Hope you like and enjoy it. 

Demo - [Geeks UI](https://bit.ly/geeksui) 

Thank you.

You can read our article also.
https://dev.to/imjituchauhan/geeks-bootstrap-ui-kit-courses-admin-dashboard-2i8i
My experience as an intern at LGMVIP
Published: 2021-09-30 10:59:59


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ij1d5k2w3nen8vgmnmpr.png)

The internship involved creating mobile applications that require skills in working with API, machine learning kit provided by Firebase, and AR core library. The primary goal of this internship is to create android applications that follow the proper architecture and design patterns along with the aid of version control tools like Git. I am very grateful to Lets Grow More for this tremendous opportunity.

Also, do checkout letsgrowmore.in & letsgrowmore.in/vip for more information.
LEARN DIGITAL MARKETING ONLINE
Tags: digitalmarketing
Published: 2021-09-30 10:58:39

Learn SEM, SMO, SEO, Influencer Marketing, Affiliate Marketing, App Marketing, Growth Hacking & more!

<a href='https://www.eduonix.com/digital-marketing-edegree' title='complete digital marketing course' target='_blank'>complete digital marketing course</a>
As a dev why you should use the command line
Tags: commandline
Published: 2021-09-30 10:54:33

## why you should use CLI over GUI

You should use the commans line because if you use it in public or with your nontech friends you look cool 😂!!
CLI(command line interface) is faster than GUI(graphical user interface).
like if you want to move your CPP or py file and in this folder here in many more different files, in GUI you will do like ctrl + click select to those files and cut/move you do it like this right what if you want to select 100 CPP file in the folder of 1000 🥲 it is going to be a real drag.

If you are using CLI the command line you can move files by just typing one line
```
$ mv Desktop/* .cpp Downloads/
```
this is just a simple example with the command line we can do a lot of powerful stuff.

 ## How to get started
I want to help you to start with CLI here are some basic commands I use every time 

### Basic Commands
#### Use to see the path of the current working directory
```
$ pwd 
```

#### To go inside the directory
```
$ cd project-name
```

#### To view the content of the directory
```
$ ls
```

#### For Copy the directory
```
$ cp File-name
```

#### To create new directory
```
$ mkdir main-project
```

#### To delete a directory
```
$ rmdir
```

#### To create new blank file 
```
$ touch index.html
```

These are some main and basic commands.
start your Command-line journey.
I am glad if you find this post useful even a little bit🥳
JavaScript replaceWith – how to use it
Published: 2021-09-30 10:52:42

*This text was originally published at [webinuse.com](https://webinuse.com/javascript-replacewith-how-to-use-it/).*
I remember the time when JavaScript was not this good. We had to use libraries and frameworks, like jQuery, to do some basic stuff much easier. I remember the time when JavaScript replaceWith – like functions and methods were just a dream.

There are times when we need to remove one element and replace it with another one. I will show two of the most common ways.

```html
<div id="parent">
    <div id="child"></div>
</div>
 
<script>
    /**
     * First way we can replace one element with another is by changing .innerHTML of a parent element
    **/
    
    document.querySelector("#parent").innerHTML = <code><div id="another-child"></div></code>;
    
    //Result
    /*
        <div id="parent">
            <div id="another-child"></div>
        </div>
    */
    
    /**
     * Another way is by removing child add adding another child using createElement
    **/
    
    let parent = document.querySelector("#parent");
    let oldChild = document.querySelector("#child");
    let newChild = document.createElement("div");
    newChild.setAttribute("id", "another-child");
    parent.removeChild(oldChild);
    parent.appendChild(newChild);
    //Result
    /*
        <div id="parent">
            <div id="another-child"></div>
        </div>
    */
    
</script>
```
Here is where JavaScript comes to the rescue with the replaceWith() method. According to MDN: The Element.replaceWith() method replaces this Element in the children list of its parent with a set of Node or DOMString objects. DOMString objects are inserted as equivalent Text nodes.

This means that we can use createElement method to create a new element(s), but if we use DOMString,  JavaScript will interpret it as text, not as an element node.

```html
<div id="parent">
    <div id="child"></div>
</div>
 
<script>
//Let's create element using createElement method
    let parent = document.querySelector("#parent");
    let oldChild = document.querySelector("#child");
    let newChild = document.createElement("div");
    newChild.setAttribute("id", "another-child");
    oldChild.replaceWith(newChild);
    //Result
    /*
        <div id="parent">
            <div id="another-child"></div>
        </div>
    */
    
    let parent = document.querySelector("#parent");
    let oldChild = document.querySelector("#child");
    let newChild = <code><div id="another-child"></div></code>;
    oldChild.replaceWith(newChild);
    
    //Result
    /*
        <div id="parent">
            This is shown as text in browser -> <div id="another-child"></div>
        </div>
    */
</script>
```
If you have any questions or anything you can find me on my [Twitter](https://twitter.com/AmerSikira), or you can read some of the older articles like [Handling HTML form security](https://webinuse.com/handling-html-form-security/)
Django Migrations
Tags: django, python, webdev
Published: 2021-09-30 10:50:01

## Introduction

In the last episode, we talked about Django Architecture and `settings.py` file. In this episode, we'll discuss Django Migrations.

## Django Migrations

Migrations are used to update the changes (to add a new field, change the name of a field, etc.) we made in the model to the database.

Django creates migration files (a Python file) inside the migration folder for each model to create the table schema, and then each table is mapped to the respective migration files. Django also keeps track of the status of migration files whether they are successfully migrated to the database.

To perform migration-related tasks, we can use these commands.

### makemigrations

```shell
python manage.py makemigrations
```

This is used to create migrations files in the migrations folder based on the changes we have done to the Model.

### migrate

```shell
python manage.py migrate
```

Based on the migrations file, this command will populate the database schema.

### showmigrations

```shell
python manage.py showmigrations
```

This lists all the migrations and their status. If the change is updated in the database, the status will be shown as [X] followed by the migration name.
For example:

> [X] 0001_initial
>[ &nbsp;] 0002_auto_20210924_1740

### sqlmigrate

Usage:

```shell
python manage.py sqlmigrate <app_name> <migration_name>
```
This is used to display the raw SQL query of the applied migrations. For example:

```shell
python manage.py sqlmigrate users 0009_delete_profile
```
will give the raw SQL query like as below

```SQL
BEGIN;
DROP TABLE "users_profile" CASCADE;
COMMIT;
```
 
## Miscellaneous Commands and Uses
- syncdb
```python
python manage.py migrate --run-syncdb
```
This command allows us for creating tables for apps without migrations.

- Creating and applying migration for a particular app

If we don't want to apply migrations totally, we can mention app-name to migrate specific apps.

For example:

```shell
python manage.py makemigrations blog
```

```shell
python manage.py migrate blog
```


## References

- [Django Javatpoint](https://www.javatpoint.com/django-database-migrations)

- [Django Official Documentation](https://docs.djangoproject.com/en/3.2/topics/migrations/)

- [Real Python](https://realpython.com/digging-deeper-into-migrations/)
Apache redirect to non www and https with dynamic domain and request uri
Tags: apache, htaccess, nonwww, https
Published: 2021-09-30 10:40:53

Rewrite module is necessary!

```
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} ^www\. [NC]
RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ [NC]
RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]
```

**[Source](https://simonecarletti.com/blog/2016/08/redirect-domain-http-https-www-apache/)**
Hacktoberfest 2021 is here!
Tags: hacktoberfest, opensource, javascript, webdev
Published: 2021-09-30 10:29:29

## Table Of Contents
* [About Hacktoberfest](#about-hacktoberfest)
* [How to Participate](#how-to-participate)
* [What will you get](#what-will-you-get)
* [Beginner-friendly Repository](#beginner-friendly-repository)
<br><br>

### About Hacktoberfest <a name="#about-hacktoberfest"></a>
Hacktoberfest is returning for its eighth year. It is a month-long celebration of open source software run by DigitalOcean with various other partners. It is open to everyone - whether you are a beginner or an expert, YOU ARE IN!!! 

### How to Participate <a name="#how-to-participate"></a>
All you need to participate is the will to contribute to open source and a Github account. You simply register here using your Github account. For participating in the challenge you will have to submit Pull Requests(PR) in any public Github/Gitlab hosted repository. You can participate by signing up anytime between October 1 and October 31. All of your contributions within this time period will be counted even if those were before you sign up for the event.

### What will you get <a name="#what-will-you-get"></a>
There are lots of things you will get for participating:

- Gain more knowledge about open source and open source contributions
- Gain more knowledge about Github and community-based contributions
- Thanks for the project you contributed to
- Free Swag Reward from the Hacktoberfest team

> Note: To obtain the T-shirt you will have to complete a specific amount of contributions on Github. Stickers are included with the T-shirt as well.

 In addition to that, you can also organize an event to show your support for the community. Explore Event Organizer Kit and Maintainers' Resources to learn how to successfully organize a Hacktoberfest event.

### Beginner-friendly Repository <a name="#beginner-friendly-repository"></a>

![Random-APIs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/quyvhf59v9mpi485x7xc.png)

[Random APIs](https://github.com/ashutoshkrris/Random-APIs) repository is for anyone around the globe who want to start their open-source journey with Hacktoberfest. All you need to do is to call any Public APIs and show us its response on the main page using Javascript Fetch API. It could be quotes, cat images, bitcoin - anything. Design it the way you want! Complete your Hacktoberfest challenge this year.
Don't forget to star the repository.
AWS Fault Injection Simulator 
Tags: aws, devops
Published: 2021-09-30 09:49:10

AWS Fault Injection Simulator is fully managed chaos engineering service used for improve application resiliency. It provides environment to safely performed controlled chaos engineering experiment on AWS. Today's Distributed system are to complex and it's hard to find if any fault occur and  how to reduce the chances of the unwanted scenario happening in the first place.

Chaos engineering is the process of stressing an application by creating disruptive events. It's help to create the real-world conditions to uncover hidden issues,monitoring blind spots and performance bottlenecks.

How It Works?

1. It starts with analyzing the steady-state behavior  
2. Building an experiment hypothesis
3. Executing the experiment by injecting fault action and roll back condition.

Components:

-Action:

Actions are Fault injection actions executed during the experiment.

-Targets:

Define one or more AWS resources On which to carry out an action.

-Experiments Tempelates

Define complex experiments

-Experiments

Snapshot of experiments tempelates when firstly execute.

Experiments need to be configured into templates

1. The IAM role needed to execute the experiment
2. What action you are performing
3. The services you are targeting with the experiment
4. The stop condition, to halt the experiment at any point in time

Many action types do not require any agents to be installed in your resources. However, instance level faults including CPU utilization and memory utilization require SSM agent.

Example:

Web application hosted on ec2 instances with auto scaling group as seen into the architecture.We have AWS RDS database with the multi-AZ enabled as the backend of the application.

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ktan4vuncanu355k2ipk.png

Following chaos experiment have been created using AWS FIS

1. Check the resiliency of the RDS database 
2. Check to resiliency of EC2 instances
3. Execute CPU stress using the AWS Systems Manager Send command.

Benefits Of FIS:

Fast and easy to use
Provides insights by generating real failure conditions 
Provides visibility on application performance
Improve application Performance, Resiliency and Observability.

Reference:

https://aws.amazon.com/blogs/aws/aws-fault-injection-simulator-use-controlled-experiments-to-boost-resilience/

https://aws.amazon.com/blogs/devops/tag/aws-fault-injection-simulator/

https://aws.amazon.com/blogs/architecture/chaos-testing-with-aws-fault-injection-simulator-and-aws-codepipeline/
Implementing Custom Methods In RADZEN BLAZOR PART 1
Published: 2021-09-30 09:35:29

In this video, I demonstrate two ways by which custom methods can be implemented  in RADZEN BLAZOR. They are:-
1. By implementing the method in the code behind file of a RADZEN BLAZOR page.
2.By adding additional methods to the database service file generated by RADZEN.

Source code and starting SQL SERVER query file can be downloaded from {% github benjaminsqlserver/CustomRadzenBlazorMethodPart1 %}

{% youtube alZrPkxAA3Y %}
How I Increase my Productivity
Tags: productivity
Published: 2021-09-30 09:32:05

<h4>You are here means you want you can improve your productivity too I can help you but first thing first. </h4>

Here are some quick tips.



let us talk about productivity first.
In simple words, productivity is a way to measure efficiency. you might know that already.



now to improve productivity.
I don’t want to lecture you about do this that but since I followed these things in my life I feel like how shorted life is the thing only we need is to go with the flow.

<h2>Prepare your morning</h2>

Yes, prepare your morning it doesn't mean wake up early at 4 am do work out take bath, and get back to work at 5:30 am 😂if you follow this routine then awesome it is cool you are a superhuman.

But for a normal human like me I have an advice for you I know we sleep late at night because of study learning coding and some personal stuff it is okay <b>👊🏻wake up early < complete sleep</b> so chill out no need to wake up at 4 or 5 
just need to make a fixed time if you like 6 it is okay if you like 7 it is okay, just make a routine.
Discipline is the only thing that can make you a real person tho,

wake up in morning time as you like but fix the time you can wake up at that time totally after you decide 
do workout take a bath and done,
your 1st hr of the day is only for yourself not for your boss/teacher/parents.
Here is complete step one. 


<h2>Prepare your surroundings</h2>
 Hey!! 😂 surroundings I don't mean you wake up your sibling's parents early in the morning, 
What I mean is fix the thing you messed up it can be your bed your room check your desktop there might be useless folders everywhere 😂 ya I m serious fix everything that looks messed up the reason behind this is the atmosphere of your workstation room everything you see it can reflect in your mind too you don’t want to mess up your mind right then fix it now and see the change how you feeling after that.



<h2>Go with flow </h2>
Go with flow my friend don’t try every new thing you heard in a single day it might work or might not but after trying different things can decrease your will. no need to push your self no need to stop either be on the skateboard you can control and keep moving. 




The last thing is discipline is the only thing that can make you a real person I don’t want to sound like some old principle but it is the true start to be in discipline it can help you in many other ways.



I am glad if this post helps you even a little bit.🥳
Seaborn Scatterplot
Tags: seaborn, matplotlib, datascience, python
Published: 2021-09-30 09:31:33

## Prerequisite and How to Code Along

It's recommended to use Google Colab or Jupyter Notebook or Jupyter Lab in Anaconda.

## Importing The Libraries

```py
import matplotlib.pyplot as plt
import seaborn as sns
import pandas as pd
```

## Loading Data

We will try to load data from various types like `list`, `tuple`, `dict` or `dataframe`.

### Loading Data From List or Tuple

```py
horizontal = [1, 2, 3, 4, 5, 2, 4, 3]
vertical = [2, 4, 6, 8, 10, 6, 4, 9]

sns.scatterplot(x=horizontal, y=vertical)
```

```py
horizontal = (1, 2, 3, 4, 5, 2, 4, 3)
vertical = (2, 4, 6, 8, 10, 6, 4, 9)

sns.scatterplot(x=horizontal, y=vertical)
```

### Loading Data From Dictionary

```py
dict_data = {
    'horizontal': (1, 2, 3, 4, 5, 2, 4, 3),
    'vertical': (2, 4, 6, 8, 10, 6, 4, 9),
}

sns.scatterplot(x='horizontal', y='vertical', data=dict_data)
```

### Loading Data From Pandas DataFrame

```py
dict_data = {
    'horizontal': [1, 2, 3, 4, 5, 2, 4, 3],
    'vertical': [2, 4, 6, 8, 10, 6, 4, 9],
}

df = pd.DataFrame(dict_data)

sns.scatterplot(x='horizontal', y='vertical', data=df)
```

Any of the above code will display the same plot like this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fl97ihgwhxa4oh1ye5g6.png)

## Styling

### Dots Color

Using Web Color Name:

```py
sns.scatterplot(x='horizontal', y='vertical', data=df, c=['red'])
```

or Using Hex

```py
sns.scatterplot(x='horizontal', y='vertical', data=df, c=['#c21b95'])
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cs3u89autpgy8ag9zv2l.png)

### Dots Transparency

```py
sns.scatterplot(
    x='horizontal',
    y='vertical',
    data=df,
    c=['#c21b95'],
    alpha=0.4
)
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9fb8mkfjbdo1eyphvqf.png)

## Hue

We can classify each dot depends on another feature. We add new feature named `class` that has category name for each dots.

```py
df = pd.DataFrame({
    'horizontal': [1, 2, 3, 4, 5, 2, 4, 3],
    'vertical': [2, 4, 6, 8, 10, 6, 4, 9],
    'class': ['category 2', 'category 1', 'category 3', 'category 2', 'category 3', 'category 1', 'category 3', 'category 2']
})

sns.scatterplot(x='horizontal', y='vertical', data=df, hue='class', hue_order=['category 3', 'category 1', 'category 2'])
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acx54byqghnae4bzfovy.png)
Best CSS animation libraries for Web Developers
Tags: css, webdev, frontend, beginners
Published: 2021-09-30 08:59:38

1.[Animate](https://animate.style/) - This is a cross-browser library of CSS animations. 

It’s extremely easy to use and helps you create beautiful CSS animations for web projects.

2.[Hover](http://ianlunn.github.io/Hover/) - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

3.[Magic Animations](https://www.minimamente.com/project/magic/)- these effects genuinely feel like magic because they push CSS to its limit.

4.[vivify](http://vivify.mkcreative.cz/) - it is a powerful animation library which comes with 68+ animations with support for delay and duration.

5.[hint css](https://kushagra.dev/lab/hint/) - A tooltip library in CSS for your lovely websites.

THATS IT!!!