teleren/devto huggingface dataset:
Quickly Deploy an Angular App with GitHub on Netlify
Tags: angular, webdev, devops
Published: 2023-10-21 14:06:55

If you try to deploy an Angular app to Netlify without the proper configurations you're likely seeing a  "Page not found" error.

This is because Angular is a Single Page App that handles routing internally which means all routes refer to back to the index page.  Netlify needs to be configured to handle the routes properly.

---

## Setting up Netlify

After you've completed the initial setup with Netlify, check your site's configuration:


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

---

###  Continuous Deployment with a GitHub repo

Under `Build & Deploy` -> `Continuous deployment` you can manage your `Repository` and link your GitHub repo

---

### Angular Builds on Netlify

Inside the same settings path, `Continuous deployment`, you can scroll down to `Build Settings`

Update `Build Command` with the following:
`ng build --configuration production`

And change the `Publish Directory to `/dist/yourApp`


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

<br>
You can verify your build path in the `angular.json` file:

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

*Note: if your app name is camelCased, your output path may be hyphenated.  EG, an app named `yourApp` may have an output path of `dist/your-path`*

---

### Netlify Rediricts

Rewrite all requests to any file that doesn’t already exist to the index page, where router can handle it.

You need to add a `_redirects` file inside your `src` folder of your Angular App with the following code:

`/* /index.html 200`

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

Finally, we need to add the `_redirects` file as an asset inside the `angular.json`
<br>

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

---

### Profit
After you push these changes to your master branch, the changes should automatically be read and deployed by Netlify.

Today we learned how to quickly deploy an Angular application using Continuous Deployment from GitHub to Netlify.  I hope you found this tutorial helpful.  Happy coding!
100 dias de JAVA
Tags: java, 100daysofcode, 100diasdecodigo, braziliandevs
Published: 2023-10-21 14:05:00


Muitos pensam que talvez o fim do ano não seja o momento de (re)começos e estou aqui pra dizer que depende, rs.

Depende sempre dos seus objetivos e do momento de vida que você vem enfrentando e o meu é de dedicação tanto para continuar no plano de transição de carreira após terminar a faculdade quanto em me manter estudando programação. 

Por essas razões e após uma mentoria com a [Fabi](https://www.linkedin.com/in/frontfabi), cá estou eu retomando meus estudos de JAVA pelo curso de JAVA básico da Loiane que caso você esteja pretendo começar queira fazer, pode encontrar [aqui](https://loiane.training/curso/java-basico).

Para me ajudar a manter esse foco e pra registrar no dia a dia, organizei um repositório que pretendo sempre criar um arquivo quando pretender aprender uma nova tecnologia.

[Meu repositório para prática de novas tecnologias]( https://github.com/leitoraincomum/100diasDeCodigo)

E também resolvi retomar um antigo que usei quando estava estudando JAVA na faculdade e fiz esse curso da Loiane pra me ajudar nas aulas na época.

[Meu repositório com JAVA](https://github.com/leitoraincomum/100diasJAVA)

Nós veremos ao longo dessa jornada que pretendo escrever sobre a cada 10 dias por aqui pra que eu mesma possa acompanhar essa minha evolução.

Até mais, beijos.

> **Outros posts sobre o desafio**

- **[Dias de 1 a 10](https://dev.to/leitoraincomum/100-dias-de-java-dias-1-a-10-45i)**

- **[Dias de 11 a 20](https://dev.to/leitoraincomum/100-dias-de-java-dias-11-a-20-4g8c)**

- **[Dias de 21 a 30](https://dev.to/leitoraincomum/100-dias-de-java-dias-21-a-30-41d6)**
Hacktoberfest2k23 Contributor
Tags: hack23contributor, hacktoberfest23, hacktoberfest, opensource
Published: 2023-10-21 14:00:32

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

### Intro
Mahil Reshi
I am an ECE Engineer. Technology and Computer Enthusiast 

### Highs and Lows
Hey DEV community,

As the virtual dust settles on Hacktoberfest 2023, I'm excited to share my journey of contributing to open source and earning that coveted "Honored Contributor" badge. What a month it has been! From the exhilarating highs of code collaboration to the moments of head-scratching and learning, this Hacktoberfest was a rollercoaster ride I won't soon forget.

The Journey Begins
Hacktoberfest started with me setting a clear goal: complete four valid pull requests. However, it wasn't just about earning the badge; it was about giving back to the open source projects that have empowered my own development journey.

### Growth
While Hacktoberfest has concluded, my open source journey is far from over. I've made valuable connections with maintainers, learned new skills, and most importantly, become part of the open source community. I encourage everyone to continue contributing, collaborating, and sharing knowledge.

In conclusion, Hacktoberfest 2023 was a month of growth, learning, and connection. I'm proud to have earned the "Honored Contributor" badge and equally proud of the vibrant open source community that welcomed me with open arms. To all the contributors out there, keep coding, keep learning, and keep sharing. Your next open source adventure is just around the corner!

Happy coding! 🚀🌟
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-21 13:58:27

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

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Hactober_2023 Maintainer
Tags: hack23maintainer, hacktoberfest23, hacktoberfest
Published: 2023-10-21 13:55:14



### Intro
Hello, everyone! I'm [Your Name], and I'm excited to be a maintainer for this year's Hacktoberfest. While this isn't my first time as a maintainer, each Hacktoberfest brings unique challenges and opportunities for growth. You can find my GitHub profile [here](https://github.com/Gyanthakur) to explore the projects I've been working on.

### Project
I've been hosting the **Dev_Profiles**  [repository](https://github.com/Gyanthakur/Dev_Profiles) during this Hacktoberfest2023. It's a [brief description of project, its purpose, and the technology stack used: HTML, CSS, JAVASCRIPT]. To ensure a smooth contribution process, I set up clear guidelines for submitting pull requests and a systematic review process. Contributors were encouraged to follow our coding standards, and we established a friendly and inclusive environment where everyone's contributions were valued.

[Link to your GitHub repository: [Dev_Profiles](https://github.com/Gyanthakur/Dev_Profiles)]



### Highs and Lows
This month has been a whirlwind of highs and lows. One of the most significant accomplishments was seeing the community come together to tackle complex issues and implement innovative solutions. Witnessing the enthusiasm and creativity of contributors was truly inspiring. However, there were challenges too. Some problems seemed insurmountable, but with the collective expertise of the community, we adapted by brainstorming, experimenting, and iterating until we found viable solutions. These challenges, though tough, provided invaluable learning experiences for everyone involved.

### Growth
Before Hacktoberfest 2023, my skillset was solid, but this event has pushed me to elevate my capabilities further. Managing a project during Hacktoberfest has enhanced my leadership and communication skills. Additionally, I've gained a deeper understanding of various technologies and best practices through reviewing diverse pull requests. This experience has reinforced my belief in the power of open source and collaborative development.

As for my project goals, they have indeed evolved. I now have a clearer vision of the project's potential, thanks to the creative input from contributors. Hacktoberfest has shown me the true value of community-driven development, and I'm more committed than ever to fostering an inclusive environment where developers can learn, contribute, and thrive.

Thank you to all the contributors who made this Hacktoberfest2023 memorable. Here's to more collaboration and innovation in the future! 🚀✨
Cryptocurrency Investigations and Asset Recovery
Published: 2023-10-21 13:53:44

When it comes to retrieving stolen bitcoin, Adware Recovery Specialist is unique due to its skill, dedication, and experience. Knowing the ins and outs of the cryptocurrency world, they work closely with law enforcement and utilize cutting edge methods to locate and track down stolen bitcoin. Their exceptional reputation in the bitcoin recovery services industry stems from their individualized approach and unwavering dedication to client satisfaction. My bitcoin was stolen, and although I reached out to several hackers who said they could help me get it back, all they did was take additional money from me in the process. Upon reaching out to Adware Recovery Specialist for support, all hope was reestablished. I was  first skeptical, but Adware Recovery Specialist eventually managed to retrieve my bitcoin. Thank you very much. Get in touch with Adwarerecoveryspecialist@auctioneer(.)net
what is the difference between functional and non functional testing?
Published: 2023-10-21 13:47:51

1. Functional testing : Functional testing is a type of testing which verifies that each function of the software application operates in conformance with the requirement specification. This testing mainly involves black box testing, and it is not concerned about the source code of the application.

 a. It is based on customer requirements
 b. It is easy to define functional requirements 
 c. Helps to validate behavior's of the application

2. Non-Functional testing : Non-functional testing is a type of testing to check non-functional aspects (performance, usability, reliability, etc.) of a software application. It is explicitly designed to test the readiness of a system as per nonfunctional parameters which are never addressed by functional testing.

 a. It is based on customer Expectations 
 b. It is difficult to define for non functional requirements 
 c. Helps to validate Performance of the application

A good example of non-functional test would be to check how many people can simultaneously login into a software.
Hactoberfest_2023 Contributor
Tags: hack23contributor, hacktoberfest23, hacktoberfest
Published: 2023-10-21 13:45:25


### Intro
Hey there, fellow developers! I'm Gyan Thakur, and I'm thrilled to be part of this vibrant Hacktoberfest community. While this isn't my first rodeo—I've contributed to previous Hacktoberfests—I'm here with even more enthusiasm and energy to collaborate, learn, and grow together. You can check out my  [GitHub profile](https://github.com/Gyanthakur)  to see what I've been up to lately.

### Highs and Lows
This Hacktoberfest has been a rollercoaster ride of challenges and triumphs. One of my proudest moments was successfully solving a particularly tricky issue in an open-source project. The feeling of accomplishment was incredible! However, there were also moments when I faced seemingly insurmountable problems. But you know what they say, "When the going gets tough, the tough get going." I adapted by reaching out to the community, asking for help, and diving deep into documentation. With persistence and collaboration, I was able to overcome those hurdles.

Pull Request1: [PR1](https://github.com/kanha-gupta/Popular-code-snippets/pull/33)
Pull Request2: [PR2](https://github.com/kanha-gupta/Projects-showcase/pull/9)
Pull Request3: [PR3](https://github.com/Einsteinia11/Data-Structures-and-Algorithm-with-Design-and-Analysis/pull/13)
Pull Request4: [PR4](https://github.com/kanha-gupta/Popular-code-snippets/pull/63)


### Growth
Before Hacktoberfest 2023, my skillset was already diverse, but this month has been transformative. I honed my coding abilities, delved into new programming languages, and sharpened my problem-solving skills. Moreover, collaborating on open-source projects has given me a profound understanding of software development workflows and best practices. My learning goals have expanded, and I'm more determined than ever to pursue a career where I can make a meaningful impact through code. Hacktoberfest 2023 has opened my eyes to the endless possibilities in the world of open source, and I'm excited to see where this newfound knowledge and passion will take me. Let's keep coding and contributing! 🚀✨
Mastering Anaconda Python Installation on Debian 12 Bookworm
Published: 2023-10-21 13:43:13

Welcome to "Mastering Anaconda Python Installation on Debian 12 Bookworm" – your comprehensive guide to install and take full advantage of Anaconda Python on Debian 12 Bookworm! Whether you're a beginner or an experienced user, this book aims to provide you with all the knowledge and resources needed to successfully set up and utilize Anaconda Python on the latest Debian release.
Chapter 1: Understanding Anaconda Python 
In this chapter, we will introduce Anaconda Python and explain why it is a popular choice among data scientists and developers. We will explore the benefits of Anaconda Python, such as package management, virtual environments, and the power of Jupyter notebooks.
Chapter 2: Preparing for Installation 
Before diving into the installation process, it is essential to ensure the system requirements are met. We will guide you through checking your hardware and software specifications to ensure a smooth installation of Anaconda Python on Debian 12 Bookworm.
Chapter 3: Installing Anaconda Python 
In this chapter, we will walk you through the step-by-step process of installing Anaconda Python on Debian 12 Bookworm. We will cover different installation methods, including graphical and command-line installations, to provide options for all levels of users.
Chapter 4: Configuring Anaconda Environment 
Once Anaconda Python is installed, it's time to explore its powerful environment management capabilities. We will guide you through creating and activating virtual environments, managing packages with conda, and configuring the Anaconda Prompt or Terminal to enhance your productivity.
Chapter 5: Troubleshooting and Maintenance 
Despite a smooth installation, you may encounter issues along the way. In this chapter, we will provide troubleshooting techniques to overcome common installation or compatibility problems. We will also discuss the importance of maintaining a clean Anaconda Python installation to ensure optimal performance.
Chapter 6: Advanced Topics 
This chapter will cover advanced topics, such as integrating Anaconda Python with popular IDEs, deploying Anaconda on clusters, and leveraging cloud-based services for data analysis. We aim to provide you with a broader understanding of Anaconda Python's capabilities in real-world scenarios.
By the end of this book, you will have mastered the installation and setup of **[install Anaconda Python on Debian 12 Bookworm](https://orcacore.com/install-anaconda-python-debian-12-bookworm/)**. You will have gained a solid foundation on how to efficiently manage packages, create virtual environments, and utilize core features such as Jupyter notebooks. This knowledge will empower you to enhance your productivity and explore complex data science projects with Anaconda Python effectively. Get ready to dive into the world of Anaconda Python and take your coding journey to new heights!
Hactoberfest2023 Pledge
Tags: hacktoberfest23
Published: 2023-10-21 13:37:26

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


### Intro
Hello DEV community! My name is **Gyan Pratap Singh**, and I'm thrilled to be a part of this vibrant community of developers. Although I'm relatively new here, the spirit of collaboration and learning has already inspired me. I joined DEV because I believe in the power of sharing knowledge and learning from others. The enthusiasm of the community and the opportunity to connect with like-minded individuals motivated me to participate in Hacktoberfest this year.


### Background
My journey in the world of coding began a few years ago when I stumbled upon the fascinating realm of programming. Since then, I've been on an exciting learning path, exploring different programming languages and technologies. I might be new to Hacktoberfest2023, but my passion for coding has driven me to dive into this event with enthusiasm and curiosity. I am here to learn, to grow, and to contribute to the open-source community.


### Pledge
During this Hacktoberfest, my goals are twofold. Firstly, as a contributor, I aim to enhance my coding skills by actively participating in open-source projects. I'm excited about the prospect of collaborating with experienced developers and learning from their expertise. Secondly, I also aspire to give back to the community by helping maintainers with their projects. If you have a project that needs assistance, I'm here to lend a hand! Together, let's make Hacktoberfest 20XX a memorable and impactful experience for everyone involved.
A simple image gallery
Tags: webdev, javascript, programming
Published: 2023-10-21 13:33:16

I wrote a very simple image gallery with plugin support for 

- Svelte
- Vue
- React
- Angular

npm packages are live and there is live demo too.

It is MIT licensed and free for commercial use of course.

[Project website](https://github.com/girish1729/blackgallery)
How to configure a custom theme as "Dark Mode"【TailwindCSS】
Tags: tailwindcss
Published: 2023-10-21 13:19:16

Tailwind CSS natively supports dark mode, and by [setting it up](https://tailwindcss.com/docs/dark-mode) and adding the class name `dark` to HTML elements as shown below, you can enable `dark:bg-black`:

```html
<!-- Dark mode not enabled -->
<html>
<body>
  <!-- Will be white -->
  <div class="bg-white dark:bg-black">
    <!-- ... -->
  </div>
</body>
</html>

<!-- Dark mode enabled -->
<html class="dark">
<body>
  <!-- Will be black -->
  <div class="bg-white dark:bg-black">
    <!-- ... -->
  </div>
</body>
</html>
```

However, as it is, it does not recognize darker themes provided by external libraries as dark mode.

Specifically, let's say we want to use a theme like `Synthwave` provided by [DaisyUI](https://daisyui.com/docs/themes/).

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/552712/701d1e52-8fd4-c521-ca72-8e4c43cea71d.png)

If we follow the official configuration of DaisyUI, we can use the `synthwave` theme with the following code:

```html
<html data-theme="synthwave"></html>
<body>
  <div class="bg-white dark:bg-black"> <!-- dark:bg-black not worked
    <!-- ... -->
  </div>
</body>
</html>
```

However, `dark:bg-black` does not work.

How can we make Tailwind CSS recognize a darker custom theme like `synthwave` as dark mode?

## Setting up a custom theme as dark mode

The [Tailwind CSS official documentation](https://tailwindcss.com/docs/dark-mode#customizing-the-class-name) provides the following information:

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/552712/436520cc-4f07-03ee-8c89-c16cc231e338.png)

Following this, we can configure the `tailwind.config.js` file as follows:

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ['class', '[data-theme="synthwave"]'],
  // ...
}
```

By adding `'[data-theme="synthwave"]'`, we can make Tailwind CSS recognize the custom theme as dark mode. With this configuration, the code example above will work as intended:

```html
<html data-theme="synthwave">
<body>
  <div class="bg-white dark:bg-black"> <!-- dark:bg-black now working
    <!-- ... -->
  </div>
</body>
</html>
```

That's it!
Web Development
Published: 2023-10-11 18:12:49

I'm a recent graduate with a B.S. in Computer Science. I'm a full-stack developer, and I've been looking for work without success for awhile. This is something many people in the industry are experiencing -- getting entry-level work is difficult.

In the mean time, I have been working on a portfolio website, with various projects. I've been working mostly with TypeScript React, using Material-UI, on the frontend. My backend is python, and I'm using Google Firestore for my database management, with the intention of deploying on Google Cloud Platform. 

In doing this work, I have developed some strong skills in full-stack web development, especially with React. This gave me the idea to branch out and instead of just looking for employment, I'm going to start reaching out to small businesses to do freelance web development. 

In order to have a solid example of my web design abilities for clients to see, I'm going to develop my own "Health Portal" for a fake clinic. 

I'm currently employed as a medical biller in a doctor's office, which has been my career for over a decade. My experience in the field means this should be an excellent choice of website to showcase my web development bona fides.