teleren/devto huggingface dataset:
Unveiling the Azure Data Lake for Bike Share Data Analytics
Tags: azure, dataengineering, programming, beginners
Published: 2023-10-11 10:02:14

This is the second big project from the course [Data Engineering with Azure specialization on Udacity](https://www.udacity.com/course/data-engineering-with-microsoft-azure-nanodegree--nd0277) that I've recently completed. If you want to read about my first project, you can find it in this [blog](https://medium.com/@nenamilkov/unlocking-insights-azure-synapse-analytics-bike-share-data-warehouse-project-64aefafd5378).  

Data Engineering with Azure could be your gateway to unlocking thrilling projects like building a comprehensive data lake solution. In this blog post, we will unravel the great journey of developing a data lake solution for Divvy bikeshare, a bike sharing program based in Chicago, Illinois, USA.

You can find the code related to this project in my [GitHub](https://github.com/nenalukic/udacity_bike_share_datalake_project) repository.

# Project Overview

Divvy bike share is a popular program that allows riders in Chicago to access bikes via kiosks or a mobile application. The anonymized bike trip data from Divvy is made publicly available by the City of Chicago for analysis, forming the foundation of this data engineering project.

**The goal** of this project was to develop a **data lake** solution using **Azure Databricks**, using a **lake house** architecture. The objectives included designing a star schema, importing data into Azure Databricks using **Delta Lake** for creating bronze and gold data stores, and transforming the data into the star schema for the gold data store.

If you are interested and want to read the whole story, go to this [link](https://www.companioncode.com/post/unveiling-the-azure-data-lake-for-bike-share-data-analytics)
How to Fix Vercel 404 error: Child URL Path Issues
Tags: react, vercel, javascript, nextjs
Published: 2023-10-11 10:00:04

Vercel is a popular hosting platform for front-end applications, offering various deployment and hosting features. Deploying a React app to Vercel is a straightforward process, but it can become problematic when you need to handle redirects from child paths to the root. 
When deploying a React app, you might encounter a situation where your child paths aren't automatically redirected to the root, causing unexpected behavior in your application. After having the page deployed, for example, `https://yourwebsite.vercel.app`, this path loads successfully, right? But once you navigate to a different route on the page and try to refresh, you'll usually see a 404 error like the one below.

![Vercel 404 error](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k2b3lfmdhr3uqcjnuer4.png)

There are cases whereby you would want to show someone a specific page on your react app, and you would want to give them the exact URL to that page, for example, `https://yourwebsite.vercel.app/contact-page`. If the person loads the page, they will get a 404 error simply because Vercel fails to load the child path from the root.

I assume you already have your app built and deployed on Vercel? If you haven't, please do so. Let's say you already have a React app with multiple routes, and your app is hosted on Vercel. When you visit a child path of your app, such as `https://yourapp.vercel.app/child`, you might expect it to redirect to the root path `(https://yourapp.vercel.app/)`, but it doesn't happen by default. This can lead to issues like broken links, incorrect rendering, and a poor user experience.

To solve this problem, you can use Vercel's "rewrites" feature. "rewrites" allows you to configure how requests are handled, including URL redirection. In this case, you want to redirect all child paths to the root path.

Create a `vercel.json` file within the root folder of your project.

![create vercel.json file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uwji9k9kvhjudxn155ce.png)


Then paste the code below within the json file:

```
{
  "rewrites": [
    { "source": "/(.*)", "destination": "/" }
  ]
}
```

> `"rewrites"` specifies the rules for URL rewrites.
> `{ "source": "/(.*)", "destination": "/" }` tells Vercel that for any URL path that matches /(.*) (essentially any path), redirect the request to the root path (/).
Ensure you push these new changes to update your repository.

By adding this simple configuration in the vercel.json file, you can resolve this issue. With this configuration in place, your React app will redirect child paths to the root path, ensuring that all your routes work as intended.
Voice Recognition Market Report: Industry Manufacturers Analysis 2030
Published: 2023-10-11 09:56:16

The “Global Voice Recognition Market 2030 ” is a comprehensive analysis offering in-depth insights into the industry prospects. The Insight Partners have published this market study recently to help businesses seeking to absorb industry drivers, trends, and opportunities ahead in the Voice Recognition market. The report presents an itemized investigation of the general market dependent on different kinds, applications, and end-use businesses. The report covers different patterns and market improvement for every one of the sections. Supported by market esteems and development gauges, the report distinguishes key development regions in the market that organizations can use to use their market position.
The List of Companies

1. Aculab PLC
2. Agnitio SL
3. Auraya Systems
4. Aware, Inc.
5. Daon Inc.
6. ID RandD Inc.
7. Kaizen Secure Voiz (KSV)
8. Mobvoi Information Technology Company Limited
9. NEC Corporation
10. Nuance Communications, Inc.
The Metaverse: What it is and How it will Change the World
Tags: webdev, news, development, motivation
Published: 2023-10-11 09:42:39

🚀 Step into the #Future: The #Metaverse is here! Join us as we unravel the promise and challenges of this groundbreaking #digital frontier. From education to #business, the possibilities are boundless. [Read more here](https://devler.io/blog/the-metaverse-what-it-is-and-how-it-will-change-the-world)
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-11 09:39:34

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
I’m Mohamed Ali, interested in software engineering, and open-source, so I started studying CS at Sohag University in Oct 2020 (4 level). My interest in Open source started in the last 10 days and I hope to contribute to good projects at Hacktoberfest and this is [my github](https://github.com/MohamedAli00949).

### Highs and Lows
I have started to learn some front-end frameworks such as Next.js.
In the last few days, I have started to show a good project to contribute and until now I have searched and I hope to get a project that fits my skills.

### Growth
Since I started in 2020, I have learned full-stack technologies such as HTML, CSS, JavaScript, Typescript, React.js, Redux, Node.js, Express, SQL, PostgreSQL, MongoDB, Mongoose, etc.

I hope to improve these skills by contributing to projects.
Contribute to FormsLab during Hacktoberfest 👋
Tags: hack23maintainer, hacktoberfest23
Published: 2023-10-11 09:38:46

### Intro
[FormsLab](https://github.com/Ryczko/FormsLab) is the most fancy open source survey creator and experience management solution


### Project
[FormsLab](https://github.com/Ryczko/FormsLab) is an open source tool that can be used as a feedback app to collect feedback from customers, create polls for voting, or as a survey creator. Thanks to the ability to create any forms with many types of questions, nothing limits you, and your forms will always look unique 😍

If you are interested in contributing, let's [join our community](https://github.com/Ryczko/FormsLab)!
Hello DEV Community, Let's Talk All Things Web Development and Digital Marketing!
Published: 2023-10-11 09:37:13

Hey there DEV Community!

I'm thrilled to be joining this fantastic community of developers, creators, and tech enthusiasts. My name is Kevin, and I come bearing a passion for all things web development, design, and digital marketing.

A little bit about me: I've spent the last few years honing my skills in WordPress development, mastering HTML, CSS, JavaScript, and delving into the wonderful world of UI/UX design. I've had the pleasure of creating websites that not only look good but also perform exceptionally. On top of that, I'm a firm believer in the power of digital marketing to drive results. SEO, SEM, email marketing, and social media campaigns are my daily companions.

In this community, I'm excited to share my experiences, insights, and maybe even a few tutorials along the way. But most importantly, I'm here to learn from all of you. The tech world is ever-evolving, and the best way to stay ahead is through collaboration and shared knowledge.

So, here's to discussions on the latest web development trends, creative design ideas, and digital marketing strategies. Feel free to reach out if you have questions, want to chat about a project, or just share your own experiences.

Let's embark on this journey together. I'm looking forward to connecting with all of you!

Cheers,
Kevin
Hacktoberfest Pledge
Tags: hacktoberfest23
Published: 2023-10-11 09:29:30

### Intro
I am new to the community. I am an experienced full stack developer and a craver for new technologies. The reason for joining dev community is to be always stay in sync with the technological advancements and the reason for joining hacktoberfest is to collaborate on a bigger level.


### Background
I have been aware of hacktoberfest since my university time. But i have been not aware of the potential that this platform got. After doing some research, I am impressed by the platform's potential and the ability to link to other developers on a whole different level. I love being a developer and i have great amount of experience in this field.


### Pledge
As a contributor i always look for the potential optimization in code and always keep in mind the best practices. I think that is what separates a good developer and a better developer.

Looking forward to collaborate!
Flutter - Triangular CAROUSEL Slider
Tags: flutter, slider
Published: 2023-10-11 08:52:20


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

i want to make a carousel like this so basically there are 5 items there can be more...
but at time 5 items should be visible on the screen .. upon dragging should change positions... left and right both just like how a normal slider works

i have tried to make a design with the stack widget but i dont know how can i convert into a slider or add any other logics to achive this.

```
class TriangularCarousel extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 45.h,
      width: 100.w,
      child: Stack(
        children: [
          Positioned(
            top: 0,
            left: 0,
            child: Opacity(
                opacity: 0.4,
                child: Image.asset(
                  "assets/logo.png",
                  height: 45.h * 0.25,
                )),
          ),
          Positioned(
            top: 45.h * 0.15,
            left: 100.w * 0.1,
            child: Opacity(
              opacity: 0.6,
              child: Image.asset(
                "assets/logo.png",
                height: 45.h * 0.38,
              ),
            ),
          ),
          Positioned(
            bottom: 0,
            left: 100.w * 0.2,
            right: 100.w * 0.2,
            child: Image.asset(
              "assets/logo.png",
              height: 45.h * 0.7,
            ),
          ),
          Positioned(
            top: 45.h * 0.15,
            right: 100.w * 0.1,
            child: Opacity(
              opacity: 0.6,
              child: Image.asset(
                "assets/logo.png",
                height: 45.h * 0.38,
              ),
            ),
          ),
          Positioned(
            top: 0,
            right: 0,
            child: Opacity(
              opacity: 0.3,
              child: Image.asset(
                "assets/logo.png",
                height: 45.h * 0.25,
              ),
            ),
          ),
        ],
      ),
    );
  }
}


```
Happy Navratri Wishing using html, css. Subh Navratri
Tags: freecodez, react, html, blog
Published: 2023-10-11 08:39:09

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**Happy Navratri Wishing using html, css. Subh Navratri**

![Happy Navratri Wishing using html, css. Subh Navratri](https://res.cloudinary.com/freecodez/image/upload/v1697013516/images/cm5cqy4xbwh7xtebawl5.webp)

For full source code visit : [https://freecodez.com/post/foe6idd](https://freecodez.com/post/foe6idd)


```
<!-- https://freecodez.com -->
<div class="container">
    <div class="wrapper">
        <div class="img1">
            <img src="https://res.cloudinary.com/freecodez/image/upload/v1694949729/images/s7sweladttaja5ueyexx.webp" alt="img1"/>
        </div>
        <div class="img2">
            <img src="https://res.cloudinary.com/freecodez/image/upload/v1694949729/images/s7sweladttaja5ueyexx.webp" alt="img2"/>
        </div>
        <div class="img3">
            <img src="https://res.cloudinary.com/freecodez/image/upload/v1694949748/images/njofz6tzqdj5qsbb7kek.webp" alt="img3"/>
        </div>
        <div class="img4">
            <img src="https://res.cloudinary.com/freecodez/image/upload/v1697012195/images/blcmwqhroh6vqyyou02z.webp" alt="img4"/>
        </div>

    </div>
</div>
```

Source Code : [https://freecodez.com/post/foe6idd](https://freecodez.com/post/foe6idd)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
Comparison between modified wood and natural wood in terms of features and applications
Published: 2023-10-11 08:28:54

[Modified wood](https://javidecodona.com/go-bien-tinh/) or more specifically heat-modified wood, the language in the industry is Thermo, we can simply understand that modified wood is the product of the process of changing the properties of natural wood through heat treatment. Regarding the heat treatment process, in factories, during the processing period, the temperature in the thermowood chambers is pushed up, controlled up to 320°C, while the internal temperature of the wood is controlled from 120°C. – 220°C.

Modified wood is used in construction and interior and exterior decoration, so modified wood has many outstanding advantages.

Modified wood is often more expensive than natural wood because it has to go through a complex processing process to adjust the quality, ensuring it is suitable for needs and construction projects.

Read more at:https://javidecodona.com/tu-van-meo-hay/go-bien-tinh/so-sanh-giua-go-bien-tinh-va-go-tu-nhien-ve-tinh-nang-va-ung-dung
HTML Images
Published: 2023-10-11 08:25:36

The img tag is used to add images to a webpage or website in HTML. This is an empty tag, meaning it has no closing tag, that is, there is no need to close this tag by writing </img> tag. [Img tag](https://www.tutorialspoint.com/html/html_images.htm) is a self-closing tag.  Images are added to HTML to improve the design or structure of a webpage as well as to improve its quality. Nowadays, a website no longer adds images directly to a web page, because images are attached to web pages using the img tag which holds space for the image.

```
<img src=”image path with extension or URL”,..>
```

**Attributes of Img tag**

src and alt, these two attributes are necessary for image tag.

**src attribute:** This indicates the path of the image. It means that the entire URL is written in the src attribute. There is src attribute, without it the image will not be displayed.

**alt attribute:** It is used to give a name to the image.

**height and width attribute:** To display the image properly in the web page, its length and width have to be set. Width and height attributes are used for that.

Here's an example:

```
<img src="example.jpg" alt="A beautiful landscape" width="400" height="300">
```

Images can be in various formats, such as JPEG, PNG, GIF, or SVG, and you should choose the appropriate format depending on the content and your specific needs. Additionally, you can style images using [CSS ](https://www.tutorialspoint.com/css/index.htm)to control their appearance, position, and behavior on a web page.
Unsolicited tip for Tailwind CSS developers.
Tags: tailwindcss, productivity, design, css
Published: 2023-10-11 08:13:21

Unsolicited tip for Tailwind developers.

Fun shadow trick, to avoid repeating yourself on your "Tailwind.config.cjs" file.

So we have two buttons and then we have a shadow that we have created on the "Tailwind.config.cjs".

![buttons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4k5kw9bzzqrqa4mt36sw.png)

This buttons have the same shadow, in this case is called "shadow-button" and then there's a clase defining the colour of the shadow for example the first one is "shadow-blue-600/50"

![shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p13m3qrby4hgcgls2dz2.png)


This is how the shadow is defined "Tailwind.config.cjs" file. As you can see, there's no colour defined within the CSS shadow styles.

Doing like this you can avoid creating the same shadow with different colorus. 

And this is how it looks. As you can see the blue button has a blue shadow and the white button has a white shadow... 

You can add transparency too when adding "/50" or any other value supported by Tailwind/custom


![screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bra9ygv9cznu9jxx0tql.png)



Hope this was useful for you! 

If you have any questions ask me on [https://x.com/Mike_Andreuzza](https://x.com/Mike_Andreuzza)
Have a great day and thank you for reading!
Advanced LINQ queries in C#
Published: 2023-10-11 08:01:10

It allow you to manipulate, filter, and transform data in complex ways. Here are some examples of advanced LINQ queries:

**1. Grouping Data:**
You can use the `group` clause to group data based on a specific property. For example, you can group a list of students by their grades:

```csharp
var groupedByGrade = students.GroupBy(student => student.Grade);
```

**2. Joining Data:**
You can join data from multiple collections using the `join` clause. For instance, you can join a list of customers with their orders based on a shared property like CustomerID:

```csharp
var query = from customer in customers
            join order in orders on customer.CustomerID equals order.CustomerID
            select new { customer.Name, order.OrderDate };
```

**3. Aggregating Data:**
You can use LINQ to perform aggregations, such as calculating the sum, average, maximum, or minimum values within a collection. For instance, calculating the average age of a list of people:

```csharp
var averageAge = people.Average(person => person.Age);
```

**4. Filtering with Predicates:**
You can filter data with custom conditions using the `where` clause. For example, you can filter a list of products to find those with prices above a certain threshold:

```csharp
var expensiveProducts = products.Where(product => product.Price > 100);
```

**5. Selecting and Transforming Data:**
You can project data into a new shape using the `select` clause. For example, you can select only the names of students from a list:

```csharp
var studentNames = students.Select(student => student.Name);
```

**6. Ordering Data:**
You can sort data using the `orderby` and `descending` keywords. For instance, sorting a list of books by their titles in descending order:

```csharp
var sortedBooks = books.OrderByDescending(book => book.Title);
```

**7. Using Method Syntax:**
Advanced LINQ queries can also be written using method syntax, which is a more compact way to express queries. For instance, you can group data using method syntax like this:

```csharp
var groupedByGrade = students.GroupBy(student => student.Grade);
```

**8. Combining Query Operators:**
You can combine multiple LINQ operators in a single query, allowing for complex operations. For example, you can filter, group, and project data in a single query:

```csharp
var result = students
    .Where(student => student.Age > 18)
    .GroupBy(student => student.Grade)
    .Select(group => new { Grade = group.Key, Count = group.Count() });
```

Advanced LINQ queries are powerful tools for data manipulation and are widely used in C# applications, especially when working with collections of data. They provide a concise and expressive way to work with data in a variety of scenarios.
Avoiding Common Mistakes to Excel in Your Developer Career
Tags: productivity, news, career
Published: 2023-10-11 08:00:00

In the ever-evolving world of programming, developers, especially juniors, often face significant challenges in their job search and adaptation to a new work environment. Drawing from my personal experience, I wanted to share the common mistakes I've observed throughout my journey and the lessons I've learned from them.


Common Mistakes to Avoid:

1. Lack of Fundamental Skills: It's common for developers to focus on mastering a specific framework but overlook strengthening their fundamental skills, such as programming, core concepts, and algorithms. These fundamentals are crucial.

2. Ineffective Communication: Clear communication is essential. No matter how good the code is, if nobody understands how it works, it's ineffective.

3. Inadequate Research: Research is the key to solving problems. Top developers spend time exploring solutions before diving in.

4. Inability to Problem-Solve: Sometimes, the challenge lies in finding solutions. Successful developers know how to creatively approach these problems.

5. Neglecting Self-Valorization: Putting your code into production is crucial. Nothing demonstrates your skills better than working in production. It's a source of pride and proof of competence.

6. Lack of Networking: The importance of professional connections cannot be underestimated. Networking within the industry can open many doors

Specific Challenges First Job:

1. Understanding Business Logic: Understanding why and for whom you're coding is essential. Juniors must strive to grasp the business logic behind the code.

2. Rigor: Programming demands rigor. Minor mistakes can lead to costly bugs. A good developer writes clean, precise code.

3. Adapting to the Environment: Sometimes, the work environment isn't suitable for a junior. Finding a compatible environment is crucial.

4. Cultural Fit: Integrating with the team and the company's culture is important. Juniors must adapt to these aspects.

5. Asking the Right Questions: Before diving into programming, ask questions. Understand the context and user needs.

6. Human Understanding: Beyond code, human skills are essential. Understanding, showing empathy, and communicating effectively with colleagues and clients is critical.

The job search for a junior developer can be quite challenging. However, every mistake is a learning opportunity. [Rico](https://ricosaas.eu/)  -  Job Search Automation can assist you in streamlining your job search, allowing you to focus on your skills and avoid common mistakes. [Join our waiting list](https://ricosaas.eu/waitlist) to discover how [Rico](https://ricosaas.eu/) can help excel in your developer career.