teleren/devto huggingface dataset:
Miranda - Responsive Tailwind CSS Portfolio Template
Tags: tailwindcss, webdev, portfolio, html
Published: 2023-07-16 16:40:42

Miranda is a responsive portfolio HTML template built with Tailwind CSS.

**Template Features:**

- Build with Tailwind CSS v3.3.2
- Fully Responsive and easy to customize
- Compatible with all modern browsers
- W3C Validated Code
- Clean code with comments

**Template contains**

- Hero section with social icon buttons
- On scroll animated service section
- Portfolio section
- Skills section with skills or tools icon buttons

![Skills Section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6kc12cazwfxk5zm2nrnd.png)

- Testimonial section with Swiper JS slider

![Testimonial Section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3f4nhflw8ige08nx4ncw.png)

- Blog section
- Contact form

Download [Miranda tailwind CSS template](https://vigowebs.gumroad.com/l/miranda) for free
10 Reasons Why to use Apache AGE alongside PostgreSQL
Tags: apacheage, database, sql, graphs
Published: 2023-07-16 16:39:11

### Apache AGE

AGE is an extension for PostgreSQL that allows you to run graph queries using the Cypher query language, which is commonly used in graph databases like **Neo4j**. 
It is built by Bitnine Global Inc.

### Reasons
1. Open-source: You can look into the code and take part into that and contribute with your ideas and suggestions.

2. JSONability: Apache AGE is designed to work efficiently with PostgreSQL, it uses JSONB in the properties of the vertices or edges.

3. Comparability: AGE is a PostgreSQL extension which allows you also working with other extensions freely.

4. Single Container for the structured data and non structured data (Graph database alongside SQL). 

5. If you know Neo4j, you don't need to learn much, you already familiar with the OpenCypher.

6. Security: You are behaving in back of PostgreSQL which is robust enough and well maintained.

7. Community (Apache Project): Both PostgreSQL and Apache AGE have active and supportive communities, which can provide resources and support as you explore graph databases (We use Discord).

8. Enterprise support: If you are a company and looking for support solutions are provided by Bitnine.

9. Cloud solutions support by the company.

10. Easy to install :)

### References:
- https://age.apache.org/
- https://github.com/apache/age
C# Custom Validators
Tags: webdev, javascript, programming, productivity
Published: 2023-07-16 16:33:18

🔒🔑💼 C# Custom Validators! 💼🔑🔒

🌍 In C#, custom validators are an essential tool for ensuring data integrity and enforcing specific validation rules within your applications.
🌎 Built-in validation attributes in C# are great, but they might not cover all your unique validation requirements. With custom validators, you have the freedom to define and implement your own rules tailored to your specific needs.
🌎 By encapsulating your validation logic within custom validators, you can reuse them across multiple projects and components

🔸 Step 1: Create a new class that inherits from the ValidationAttribute class.
🔸 Step 2: Implement the IsValid method to define your validation logic. You can leverage C#'s extensive features, such as regular expressions, comparisons, and more.
🔸 Step 3: Apply your custom validator to the appropriate properties or methods within your codebase by decorating them with your custom attribute.
🔸 Step 4: Handle validation errors by capturing exceptions or using the validation results to provide meaningful feedback to your users.
**Lets Create a user class and validate Driving license if age is greater or equal to 18 else Driving License is not required for that user**

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

![Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oagfhnzzdh06dc29nac8.png)
![Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zj4wvk62wfmd82p4lp4y.png)
💔 Goodbye Cold Starts ❤️Hello Proactive Initialization
Tags: tailscale, lambda, containers, rails
Published: 2023-07-16 16:29:38

**💁 Full Rails & Lambda Details at:<br> https://lamby.cloud/docs/cold-starts**

As described in [AJ Stuyvenberg's](https://twitter.com/astuyve) post on the topic [Understanding AWS Lambda Proactive Initialization](https://aaronstuyvenberg.com/posts/understanding-proactive-initialization), AWS Lambda may have solved some of your cold start issues for you since March 2023. Stated in an excerpt [from AWS' docs](https://aaronstuyvenberg.com/posts/understanding-proactive-initialization):

> For functions using unreserved (on-demand) concurrency, Lambda occasionally pre-initializes execution environments to reduce the number of cold start invocations. For example, Lambda might initialize a new execution environment to replace an execution environment that is about to be shut down. If a pre-initialized execution environment becomes available while Lambda is initializing a new execution environment to process an invocation, Lambda can use the pre-initialized execution environment.

This means the [Monitoring with CloudWatch](https://lamby.cloud/docs/cold-starts#monitoring-with-cloudwatch) is just half the picture. But how much is your application potentially benefiting from proactive inits? Since [Lamby v5.1.0](https://github.com/rails-lambda/lamby/pull/169), you can now find out easily using CloudWatch Metrics. To turn metrics on, enable the config like so:

```ruby
config.lamby.cold_start_metrics = true
```

Lamby will now publish [CloudWatch Embedded Metrics](https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/CloudWatch_Embedded_Metric_Format.html) in the `Lamby` namespace with a custom dimension for each application's name. Captured metrics include counts for Cold Starts vs. Proactive Initializations. Here is an example running sum of 3 days of data for a large Rails application in the `us-east-1` region.

<img src="https://lamby.cloud/img/docs/lamby-cloud-watch-metrics-cold-start-v-proactive-init-light.png" alt="A CloudWatch Metrics graph showing a running sum of cold starts vs proactive inits for a large Rails application on Lambda." />

This data shows the vast majority of your initialized Lambda Contaienrs are proactively initialized. Hence, no cold starts are felt by end users or consumers of your function. If you need to customize the name of your Rails application in the CloudWatch Metrics dimension, you can do so using this config.

```ruby
config.lamby.metrics_app_name = 'MyServiceName'
```
🔥🚀 Level up Your .NET Skills with These Essential Tips! 🔥🔥🚀
Tags: webdev, programming, opensource, devops
Published: 2023-07-16 16:29:06

Welcome to our .NET Tips Series, where we'll explore a collection of valuable tips and tricks to supercharge your .NET development journey! 🎉💻

Whether you're a beginner or an experienced programmer, these tips will help you write cleaner, more efficient, and maintainable code.
Using Docker for AWS CDK development
Tags: aws, docker, typescript, node
Published: 2023-07-16 16:14:18

Have a consistent development environment for your team on any OS

---

Support me by reading [this post on Medium](https://medium.com/@miguelacallesmba/using-docker-for-aws-cdk-development-7054086deb3d).

---

## Introduction

In early 2022, I was starting a new project on AWS. I was using AWS CDK for about one year at this time. In a previous project, the team members used a mix of macOS and Linux computers. It was only a matter of time before a Windows user joined the team. Having a consistent development environment was beneficial. Based on previous experiments with Docker, I decided to use a Docker container as that development environment.

https://betterprogramming.pub/stop-installing-node-js-and-global-npm-packages-use-docker-instead-42597990db13

About one year later, in early 2023, I worked on a different CDK project. I started the project using macOS. About one month later, the team leader gave me a Windows laptop for me to use going forward. It was super simple to move my development environment. I installed Docker and git, cloned the git repository, ran the Docker command, and I was able to start developing right away. Using Docker containers saved me a lot of time.

## Here is how I set up my Docker container

In my git repository, I created a `docker-compose.yml` file where I added the following code:

```yaml
version: '3'
services:
  nodejs:
    # used for local development
    image: 'cimg/node:18.15'
    user: 'circleci'
    working_dir: '/home/cdk'
    volumes:
      - './:/home/cdk'
    command: bash
```

In the terminal, I ran the following command to start the container.

```sh
docker compose run --rm nodejs
```

Now I have a terminal running within the container.

I go to my AWS CDK app folder.

```sh
cd my-cdk-app
```

I paste my AWS credentials into the terminal. I can now run typical CDK commands.

```sh
npm run cdk synth
npm run cdk deploy
cdk synth
cdk deploy
# or however you have your cdk command execution set up
```

## Conclusion

The setup was pretty simple. Now we have a consistent development environment regardless of the operating system. Leave a comment and let me know your experience.

## Before you go

Here are other posts you might enjoy.

[AWS CDK Serverless Cookbook: A Step-by-step Guide to Build a Serverless App in the Cloud](https://medium.com/chapter-by-chapter/aws-cdk-serverless-cookbook-ebook-1d4d4e0488c)

[Speed up AWS CDK deploys up to 80%: The ts-node package needed the speed boost](https://aws.plainenglish.io/speed-up-aws-cdk-deploys-up-to-80-c47afad1c18c)

[Build Robust Cloud Architectures: Applying Military Design Principles to Cloud Applications](https://medium.com/illumination/build-robust-cloud-architectures-d512fb9eae1a)

[Introduction to Cloud Computing Security: An excerpt from the Serverless Security book](https://medium.com/serverless-is-cool/introduction-to-cloud-computing-security-a37b6c4bc4f1)
Microfinance Company Registration in India
Published: 2023-07-01 08:40:13

To register a microfinance company in India, you need to follow certain procedures and fulfill the requirements set forth by the regulatory authorities. Here's a general overview of the registration process:

Company Formation: Start by incorporating a company under the Companies Act, 2013, or any other relevant act, as a non-banking financial company (NBFC). You can choose between a private limited company or a public limited company.

Minimum Capital Requirement: Ensure that the company has a minimum net owned fund (NOF) of INR 2 crores (subject to change as per regulations). The NOF is the aggregate of the paid-up equity capital and free reserves of the company.

Directors and Shareholders: You need a minimum of two directors for a private limited company and three directors for a public limited company. At least one director should be a resident of India. Also, the directors and shareholders must comply with the fit and proper criteria set by the Reserve Bank of India (RBI).

Application to RBI: As an NBFC, you must obtain registration from the RBI. Submit an online application through the RBI's dedicated portal (COSMOS) along with the required documents. The application should include details about the company, its directors, shareholding pattern, sources of funds, projected financial statements, and a comprehensive business plan.

Documents Required: The documents typically required for registration include the following (this may vary depending on the RBI's guidelines):

Memorandum and Articles of Association (MoA & AoA)

- Certificate of Incorporation
- Board resolution approving the NBFC application
- KYC documents of directors and shareholders
- Audited financial statements of the company
- Business plan and projected financial statements
- Statutory declaration of compliance with NBFC regulations
- Compliance with Regulations: Ensure that your microfinance company complies with the regulatory framework provided by the RBI for NBFCs. This includes adhering to regulations related to capital adequacy, lending practices, interest rates, borrower classification, reporting requirements, etc.

Inspection and Verification: The RBI may conduct an inspection of your company's premises and records to verify compliance with regulations and assess the suitability of the directors. Cooperate fully with the inspection process and provide any requested information or documents.

Registration and Certificate of Registration: Upon successful evaluation of your application and fulfillment of all requirements, the RBI will grant you a Certificate of Registration. This certifies that your **[microfinance company Registration](https://www.vakilkaro.com/microfinance-company-registration)** is authorized to carry out NBFC activities.

Remember that the above steps provide a general outline of the registration process, and it's essential to consult a professional, such as a lawyer or a chartered accountant, who specializes in NBFC registrations to ensure compliance with the latest regulations and guidelines issued by the RBI.
Tema claro y oscuro
Tags: html, css, javascript
Published: 2023-07-16 16:02:03

## Método 1

**CSS** 🥳

```css
:root {
  /* Default (light) theme */
  --background: white;
  --color: black;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --background: black;
    --color: white;
  }
}

body {
  background-color: var(--background);
  color: var(--color);
}
```

## Método 2

**HTML** 😎

```html
<body class="dark-theme">
  <button id="theme-toggle">🌓</button>
</body>
```

**CSS** 🥳

```css
.light-theme {
  background-color: white;
  color: black;
}
.dark-theme {
  background-color: black;
  color: white;
}
```

**JAVASCRIPT** 👀

```javascript
const toggleBtn = document.getElementById("theme-toggle");
toggleBtn.addEventListener("click", () => {
  document.body.classList.toggle("light-theme");
  document.body.classList.toggle("dark-theme");
})
```
U.S. Polo Assn. lanza la colección primavera-verano 2023
Published: 2023-07-16 15:57:20

La colección primavera-verano 2023 de U.S. Polo Assn. representa la [frescura](https://asturias24h.com/) y la vitalidad de las próximas temporadas. En este hermoso entorno de Santa Bárbara, los colores pastel bañados por el sol se combinan con linos texturizados y se fotografían junto al resplandor dorado del sol de la costa del Pacífico. Exuberantes jardines de rosas, sinuosos senderos y vistas panorámicas muestran las suaves siluetas de los vestidos de [temporada](https://cadiz24h.com/) de U.S. Polo Assn. rematados con suaves jerséis. Los polos tonales se [combinan](https://burgos24h.com/) a la perfección con vaqueros clásicos que nunca pasarán de moda, junto con accesorios que brillan, como elegantes bolsos y totes reversibles, calzado a la moda y gafas de última tendencia, para completar todo un look digno del tiempo [cálido](https://bermer.es/).
ExpressVPN lanza un nuevo servidor en Nápoles para celebrar el 'Scudetto'
Published: 2023-07-16 15:55:39

La [reciente](https://burgos24h.com/) victoria del Nápoles en el campeonato de la Serie A le ha valido al muy querido equipo [italiano ](https://asturias24h.com/)su primer scudetto desde la década de los 90. Esta nueva ubicación de VPN es un homenaje, en conmemoración a la impresionante [victoria](https://cadiz24h.com/) del Società Sportiva Calcio Napoli y a la briosa ciudad a la que representan. Han tenido que pasar 33 largos años... Pero el scudetto ha vuelto a [Nápoles](https://bermer.es/).
GitHub : cours pour débutant
Tags: github, git, tutorial
Published: 2023-07-16 15:48:45

Dans ce tutoriel, je vais parlé de GIT/GITHUB. Je parle de :

1. Initialisation de projet git :
```
git init
```
2. Clonage de projet :
```
git clone project_name
```
3. Ajout des modifications dans git en local :

```
git add -A
git commit -m "Message"
```
4. Envoie des modifications en ligne :

```
git push origin branch_name
```
Voici le lien du tutoriel :
{% embed https://youtu.be/l1eIqCyFbi4 %}

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ifoqeghps9vsmgm93v1u.png)
What is Event in JS (Javascript) ?
Tags: javascript, beginners, programming, tutorial
Published: 2023-07-16 15:41:43

In simple terms, an event in JavaScript refers to an action or occurrence that happens in a web page. It can be triggered by user interactions, like clicking a button or moving the mouse, or by other events such as the page finishing loading or a timer reaching a certain interval

***Event handler***
To act on an event, you need to add an event handler. An event handler is a piece of code that runs when an event fires.

```js
// Get a reference to the button element
const button = document.getElementById('myButton');

// Define a function to handle the click event
function handleClick() {
  console.log('Button clicked!');
}

// Attach the event listener to the button
button.addEventListener('click', handleClick);

```

In the example above, we first retrieve a reference to the button element with the ID `myButton` using the `getElementById` method. Then, we define a function `handleClick` that will be executed when the button is clicked. Inside the `handleClick` function, we log a message to the console.

Finally, we attach the event listener to the button using the `addEventListener` method. The first argument to `addEventListener` is the event type, in this case, 'click', and the second argument is the function `handleClick` that will be called when the click event occurs on the button.

When the button is clicked, the `handleClick` function will be executed, and you will see the message "Button clicked!" logged in the console.

This is just a basic example, and there are many other types of events you can handle in JavaScript, such as keypress, mouseover, submit, etc. The process of attaching event listeners and handling events is similar for different types of events, but you would change the event type and possibly the target element based on your specific requirements.

Thank you for reading this blog, follow me on Twitter, I regularly share blogs and post on Javascript, React, Web development and opensource contribution

Twitter- https://twitter.com/Diwakar_766

Github- https://github.com/DIWAKARKASHYAP
10x improved Auto-Ops for Machine Learning
Tags: machinelearning, webdev, beginners, programming
Published: 2023-07-16 15:30:00

The possibilities are as limitless as a wizard's imagination. With this extraordinary suite of tools and infrastructure, we make the delivery of machine learning a breeze. And at the heart of it all lies Mystic AI, our very own sorcerer's apprentice.

**[JUMP STRAIGHT TO THE TOOL](https://www.aiforme.wiki/ai/tools/pipeline%20ai)**

**Summon Your AI with Mystic:**

Picture this: with a simple flick of your wand (or a click of your mouse), you can effortlessly deploy your AI creations using Mystic AI. It's like having a trusty magical companion by your side, ensuring that your AI initiatives are secure, scalable, and lightning-fast.

**A Spell of Security:**

Mystic AI takes data security very seriously. It conjures up robust encryption, access controls, and continuous monitoring to keep your sensitive data safe and sound. Think of it as a magical shield that protects your valuable information from prying eyes.

**Scaling the Heights:**

As your AI endeavors grow and flourish, Mystic AI is there to support your ascent to greatness. It's a cloud-agnostic wizard that effortlessly scales your AI initiatives, accommodating your expanding model volumes and the ever-increasing demands of your users. With Mystic AI, your dreams of scaling new heights can become a reality.

**A Dash of Lightning-Fast Performance:**

In the realm of machine learning, time is of the essence. And Mystic AI understands that like no other. It optimizes its infrastructure and processes to deliver rapid model deployment and exceptional low-latency performance. With Mystic AI, you can witness the sheer speed and agility of your AI models, creating a user experience that's nothing short of magical.

**Embrace the Wonders of Pipeline AI:**

Let the enchantment of Pipeline AI captivate you as you embark on a journey of seamless machine learning deployment. With Mystic AI as your faithful sidekick, you'll be able to weave spells of fast, simple, scalable, and secure AI delivery.

[So, what are you waiting for? 
Unleash the magic of Pipeline AI](https://www.aiforme.wiki/ai/tools/pipeline%20ai)
Unleashing Lightning-Fast Performance in React Apps with Vite ⚡️🚀
Tags: react, webdev, vite, frontend
Published: 2023-07-16 15:28:56

Hey there, amazing Dev.to community! ✨

I'm thrilled to share a powerful technique that will transform your React development experience. Get ready to unleash lightning-fast performance in your React apps with Vite! ⚡️

In this comprehensive guide, we'll dive deep into the world of Vite, an incredible development server and build tool that will supercharge your React apps. But let's not just talk about speed – we'll explore how Vite enhances your development workflow and empowers you to build exceptional user experiences. 🚀

So, what makes Vite so special? It all starts with its lightning-fast development server. Say goodbye to long load times and witness near-instantaneous hot module replacement (HMR) that lets you see code changes in real-time without page reloads. No more waiting – your changes come to life instantly! ⚡️

But that's not all. Vite's effortless ES module loading takes performance to the next level. It eliminates the need for bundling during development, resulting in faster load times and a more efficient development process. Plus, Vite generates highly optimized production builds, ensuring your app loads quickly and provides an exceptional user experience.

In this step-by-step guide, we'll cover everything you need to know to get started. We'll walk you through setting up a new project with Vite, optimizing your file structure, and even compare Vite with Create React App (CRA) to showcase why Vite shines as the superior choice for lightning-fast React apps.

Are you excited? I know I am! Let's embark on this journey together and unlock the full potential of Vite for your React projects. Are you ready to take your React development to new heights? Let's do it! 💪

Check out the full guide here: https://trickydevelopment.com/building-lightning-fast-react-apps-with-vite/

I can't wait to hear your thoughts and experiences with Vite. Have you tried it yet? What performance improvements have you noticed? Let's ignite the discussion and empower each other to create blazing-fast React apps! ⚡️


Join me in the comments section, and let's dive into the world of lightning-fast React apps together! Happy coding! 🚀💻