teleren/devto huggingface dataset:
Setup a Next.JS project for production-ready
Published: 2024-06-22 22:52:24


1. Create a Next.JS project  for this tutorial I’m using bun but you 
   can npm or yarn.

   `bunx create-next-app@latest app-name`
   
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrkxjbbpu3qqmg6ssr3s.png)
   
   Wait till the Dependency installation finishes and navigate to the 
   project directory 

2. ESLint/Prettier setup overview  
       
   Add  Packages: 
   `bun add  --dev eslint-plugin-prettier eslint-config-prettier  
   prettier `

  Modify  .eslintrc.json file as below you can change rules as you 
  like
  
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e9j5jd86iqedfn925vu4.png)

 Create prettier configs files .prettierrc and .prettierignore 

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

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

3.    Add lint/format scripts to the package.json file
   

```
    "lint": "eslint --ext .ts,.tsx ./src",
    "prettier": "prettier {src,__{tests,mocks}__}/**/*.{ts,tsx}",
    "format:check": "bun run prettier --check",
    "format:fix": "bun run prettier  --write",

```

4.  Add Pre-commit Hook. 
    You can use Prettier with a pre-commit tool. This can re-format 
    your files that are marked as “staged” via git add before you 
    commit.

    `bunx mrm@2 lint-staged`

This will install husky and lint-staged, then add a configuration to the project’s package.json that will automatically format supported files in a pre-commit hook.
COMPUTER MEMORY
Published: 2024-06-22 22:11:59

Computer memory stores information, such as data and programs, for immediate use in the computer. The term memory is often synonymous with the terms RAM, main memory, or primary storage. Archaic synonyms for main memory include core and store.
RAM. Specifically, RAM stands for “Random Access Memory” or “Ready Access Memory”. It is a temporary notepad where your computer sends information to disk
3 Tips to make your Repositories Stand out
Tags: tips, github, beginners
Published: 2024-06-22 21:13:51

Well in the Last Post about how you can make your Github Repository Stand out, I basically listed 2 tips that can help you out with that. I think it's time to add one more, don't you think? Don't worry the first two are the same, but the last one will be different.

### Tip One Get Rid of everything you are not using
Getting rid of things you are not using will help people not click on something and then just leave.

### Tip Two Have a Brief but in depth description
Having a Brief but in depth description will help more people come to your Repository and Star and Fork it.

### Tip Three Don't spam people on Twitter, Instagram, Facebook or other Social Media apps

Now I know what your thinking "But Nathan we should do this so more people know about the project and how contributions are welcome." Well that's great and all but if you constantly spam people it will actually have a different affect on you as more people will actually go away from your Repositories.


Well that's it,

See you later,

Bye
Top 3 Ngrok alternatives
Tags: devops, tooling, webdev, development
Published: 2024-06-22 20:58:43

Ngrok is an ingress-as-a-service tool that provides tunnels for instant access to your apps on any cloud, private network, or device. It allows you to share your website or app from localhost and supports use cases like connecting to IoT devices behind NAT/firewalls, receiving webhooks, and debugging HTTP requests. Recently, Ngrok expanded to include API gateways, firewalls, and load balancing for on-premise apps. Despite its maturity, Ngrok can be complex.

This article explores the top 10 Ngrok alternatives for 2024, covering their features, installation processes, ease of use, and pricing to help you choose the best option.

## 1. Pinggy

[Pinggy.io](https://pinggy.io) is a tunneling tool that provides a public address to access your localhost, even behind a NAT or firewall, with a single command. We do not need to download anything either. This Ngrok alternative allows users to access their website or app hosted on localhost without needing to configure the cloud, port forwarding, DNS, or VPN.

For example, to share a React app running on localhost:3000, you can use Pinggy with the following command:

`ssh -p 443 -R0:localhost:3000 a.pinggy.io`

Here is a video tutorial:
{% youtube x7nLtYb-23c %}

Pinggy supports all advanced features such as web-debugger, custom domains, TCP tunnels, IP Whitelisting, Key Authentication, Password authentication, etc. Overall, Pinggy is the best ngrok alternative from a feature as well as value for money perspective.

## 2. Localtunnel

[Localtunnel](https://localtunnel.github.io/www/) is an alternative to Ngrok that is available as an npm package. It enables the creation of HTTP/HTTPS tunnels to localhost and generates a random subdomain when run from the terminal. As a Node.js package, Localtunnel can be integrated into your applications as a library, making it useful for testing your Node.js apps.

## 3. Localtonet

The advantage of [Localtonet](https://localtonet.com/) is that it offers UDP tunnels as well. Users can use UDP tunnels to host multiplayer games on localhost. It also offers features like custom subdomains, password protection, and usage analytics to enhance security and usability. Designed to be user-friendly, Localtonet is ideal for developers who need a reliable and straightforward solution for exposing local applications to the web.
Twilio challenge submission
Tags: devchallenge, twiliochallenge, ai, twilio
Published: 2024-06-22 20:33:59

*This is a submission for the twilio challenge [Twilio challenge ]
source code: (https://github.com/Abidoyesimze/AI-driven-twilio-bot)
What I Built
I built a Personal Finance Tracker application that helps users track their income and expenses. This application allows users to record transactions, categorize them as either income or expenses, and view their financial summary through a dashboard and interactive charts. The app ensures data persistence and is responsive for usability on various devices.
Demo

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1nky45a9lt1qrww6ptp6.jpg)
Twilio and AI

In this project, Twilio's capabilities are leveraged for SMS notifications. Users can opt-in to receive SMS alerts for specific financial activities, such as when their expenses exceed a certain threshold or when they receive new income. This integration enhances user engagement and provides real-time financial updates directly to their mobile phones.
Additional Prize Categories

Twilio Times Two: This submission leverages both Twilio and AI to provide real-time SMS notifications based on user-defined financial thresholds, making it a contender for the Twilio Times Two category.
Impactful Innovators: By helping users manage their finances effectively and providing timely notifications, this app aims to positively impact financial health, making it a suitable candidate for the Impactful Innovators category.
Entertaining Endeavors: The interactive charts and visually appealing interface make managing finances more engaging and less of a chore, qualifying for the Entertaining Endeavors category.

Team Submissions
This project was developed by a single developer.
WIZARD WEB RECOVERY RESTORING LOST BITCOIN & CRYPTOCURRENCY
Published: 2024-06-22 20:31:59

Losing a significant amount of money to scammers can be a bizarre experience that leaves you feeling helpless and betrayed. This was the situation I found myself in after investing over a hundred thousand dollars in a crypto platform that turned out to be a scam. I was introduced to this platform by a friend of my cousin, and everything seemed legitimate until it was too late for me to realize that I had been duped. The days following the realization of my loss were some of the darkest I have ever experienced. I was consumed by feelings of depression and desperation as I tried everything in my power to retrieve my hard-earned money. I reached out to various authorities and sought advice from friends and family, but it seemed like there was no way to recover what I had lost. It was during this time that a friend mentioned a platform called Wizard Web Recovery that specialized in recovering funds lost to scams. At first, I was skeptical and hesitant to trust another company with my money, but I was running out of options and decided to give them a chance. Looking back, this decision turned out to be the best one I could have made. From the moment I contacted Wizard Web Recovery, I was impressed by their dedication to helping me recover my funds. Their team of experts guided me through the process step by step, explaining each stage clearly and answering all of my questions along the way. They kept me informed of their progress and worked tirelessly to ensure that my case was given the attention it deserved. I was amazed at how quickly Wizard Web Recovery was able to track down the scammers and retrieve my money. Within a relatively short period, I received the news that my funds had been successfully recovered, and I couldn't believe it. It felt like a weight had been lifted off my shoulders, and I was filled with gratitude for the team at Wizard Web Recovery who had made it possible.
Multiverse of 100+ Data Science Project Series🌻
Published: 2024-06-22 20:24:22

🚀 **Explore the Multiverse of Data Science Projects!** 🚀

Are you passionate about Data Science, Machine Learning, Deep Learning, and Natural Language Processing? 🌐 Dive into a universe of 100+ diverse and exciting data science projects on my YouTube channel!

🔍 **What You’ll Find:**
- **Machine Learning Projects:** From beginner-friendly algorithms to advanced predictive modeling.
- **Deep Learning Ventures:** Hands-on with neural networks, CNNs, RNNs, and beyond.
- **NLP Adventures:** Text processing, sentiment analysis, chatbots, and more.
- **And Much More:** Data visualization, big data, AI, and cutting-edge research projects.

👩‍💻 Whether you're a beginner or an experienced professional, there's something for everyone! Each project includes comprehensive tutorials, code walk-throughs, and practical applications to help you learn and grow.

📺 **Subscribe Now:** https://youtube.com/playlist?list=PLWyN7K28ZraQi1_7ILgiKAiY_FmGeQWbI&si=EAGQ0R0zBiC9TCAf
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bwvo40c0njhutg3qvq7r.png)

Join our community, start building, and take your data science skills to the next level!

#DataScience #MachineLearning #DeepLearning #NLP #AI #BigData #Tech #Programming #Coding #Projects #Tutorials

--- 

Feel free to customize it further to suit your style and preferences!
Download free Minecraft plugins preconfigurated
Tags: minecraft, pluginsminecraft, minecraftplugins
Published: 2024-06-22 20:22:13

Discover the Best Free and Pre-Configured Minecraft Plugins at [menzatyx](https://menzatyx.xyz)

Take Your Gaming Experience to the Next Level with These Essential Tools

If you're a Minecraft enthusiast, you've likely experienced the need to customize your world and server to make it more exciting and challenging. Fortunately, there's a perfect solution for you: https://menzatyx.xyz, the website that offers a wide selection of free and pre-configured Minecraft plugins.

At https://menzatyx.xyz, you'll find a diverse range of plugins that will allow you to take your gaming experience to the next level. From server management tools to mods that add new functionalities, each of these plugins has been carefully selected and configured, so you can enjoy a more personalized and thrilling Minecraft experience.

One of the primary benefits of using these pre-configured plugins is the ease of implementation. You no longer have to spend hours configuring and adjusting each individual plugin. Simply download the package that best suits your needs, and you're good to go! You'll be able to enjoy all the features and improvements without investing too much time and effort.

From plugins that enhance the security of your server to mods that add new game modes, the variety offered by https://menzatyx.xyz is impressive. Moreover, as these are free plugins, you can access these tools without spending a single penny. It's the perfect opportunity to take your Minecraft experience to the next level without affecting your wallet!

Whether you're a casual player or an experienced server administrator, at https://menzatyx.xyz you'll find the Minecraft plugins you need to personalize and enhance your game. Visit the website now and discover how you can transform your Minecraft world into something unique and thrilling!
The Body Shop of Security: Biometrics
Tags: security, learning, productivity
Published: 2024-06-22 19:48:39

## Introduction
Biometrics is a physical security technique that makes use of a person's physical characteristics which are unique to that person.
This technique is used to authenticate the user's identity and grant access to the certain things. It is a kind of personal touch for authentication which can only be done by the genuine user. 

## Types of Biometrics
**_Physiological : _** Physiological Biometrics is based on a person's body's unique features like fingerprints, facial recognition, iris scan, etc. This system of authentication is difficult to forge as compared to passwords. This type of security will remain constant throughout the person's life as physiological traits are generally stable. 

**_Behavioral : _** Behavioral Biometrics is based on how a person interacts with the system like typing pattern, voice patterns, mouse movements, touchscreen interactions, etc. This system instead of relying on physical features, analyze how a person interacts with the devices to identify the user. It works invisibly as they can adapt to the changing habits over time which offers a continuous security. Limited data on a new user can make initial identification difficult. 

## Advantages 
- Elimination of the need of remembering complex passwords.
- Unauthorised access is equal to none as it is difficult to impersonate someone completely but [Deepfake](https://dev.to/swayam_248/deepfake-nightmares-mitigating-the-threat-of-ai-fueled-masquerade-attacks-388k) stands as an exception.
- Biometrics is generally faster as compared to manual entry of passwords. Even if [Password Managers](https://dev.to/swayam_248/password-managers-the-future-of-logins-5dkc) do autofill the login credentials, biometrics is generally considered as the fastest option.
- Accuracy level is high.

## Disadvantages
- Accuracy limit is one of the concerns when the system refuses to identify the genuine user incase of inadequate light during facial recognition, dirty fingers during fingerprint validation. False positives may cause trouble sometimes.
- Storing the biometrics data is a challenging task.
- Some biometrics security operations are costly such as iris recognition. 


_Biometrics offer a secure and speedy way to ditch passwords, but privacy concerns need to be addressed for wider trust._
Responsive design principles
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-22 19:44:28

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

As kids we all played the game where the toy had to be put in the box of the same shape,Imagine you had a toy that changes shape to fit into any box,Responsive design is like that for websites.This is done by changing layouts so they always fit just-right
Lynx - A Fast, Secure and Reliable Terraform Backend
Tags: devops, terraform, elixir
Published: 2024-06-22 19:43:01

**[Lynx](https://github.com/Clivern/Lynx) is a Fast, Secure and Reliable Terraform Backend. It is built in Elixir with Phoenix framework.**

**Features:**
- Simplified Setup: Easy installation and maintenance for hassle-free usage.
- Team Collaboration: Manage multiple teams and users seamlessly.
- User-Friendly Interface: Enjoy a visually appealing dashboard for intuitive navigation.
- Project Flexibility: Support for multiple projects within each team.
- Environment Management: Create and manage multiple environments per project.
- State Versioning: Keep track of Terraform state versions for better control.
- Rollback Capability: Easily revert to previous states for efficient infrastructure management.
- Terraform Locking Support: The project also supports Terraform locking, ensuring state integrity and preventing concurrent operations that could lead to data corruption
- RESTful Endpoints: for seamless teams, users, projects, environments, and snapshots management.
- Snapshots Support: for both projects and environments to ensure data integrity and provide recovery options at specific points in time.
- [Terraform Provider](https://github.com/Clivern/terraform-provider-lynx): Automate creation/updates of teams, users, projects, environments and snapshots with terraform.
- Single Sign-On (SSO): Support for OAuth2 Providers like Azure AD OAuth, Keycloak, Okta … etc

{% embed https://github.com/Clivern/Lynx %}
What is recursion?
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-22 19:26:48

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

Recursion is solving a problem by breaking it into smaller simpler problems that follow a set pattern.

## Additional Context

<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->

<!-- Thanks for participating! -->
DP - Memoization, The Esoteric concept, busted out in a line.
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-22 19:05:57

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer
Memoization is like a Tile Fall Race, where the initial runners spend their lives clearing out the fake tiles, making it easy, time effective, and fast for the latter people to run on the right tile. Though they start from the start, they finish off fast.


## Additional Context

Tile fall : 
It is a fictious race, popular on games, like "Stumble Guys" .
Where group of players try to reach from one end to the other, trying to cross a look alike group of tiles.
Only to find, only a few are strong, and others fall on being stepped on.

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->

<!-- Thanks for participating! -->
GSoC’24(CircuitVerse) Week 3 & 4
Tags: gsoc, google, circuitverse, webdev
Published: 2024-06-22 18:49:42

This 2 weeks I have been focusing on Implementing the remaining components and VUE + TS Integration with removal of JQuery.

Some of the Components that I have Implemented are:

- TestBench Panel.vue
- TestBench Creator.vue
- TestBench Validator.vue
- Alert MessageBox

Vue + Typescript Integration for:

- Project.ts
- Utils.ts
- Testbench.ts
- Open Offline.vue

Pania Store came really in handy to Implement the state management very nicely, and i quite love its Functionalities

### Implementation of TestBench Components

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

As planned in my proposal I started with implementing the creator component using vuetify and converted all jQuery & DOM manipulations to Vue's reactives and typescript integration.

Previously we were using the creator as a separate window, so this time Creating TestBenchCreator.vue eliminated the need to a extra window and the data transmission was done using pinia to transmit data between Creator and Testbench Panel component.

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

Next, the TestbenchPanel that was under the extra.vue file, was converted to Vue's reactives, all UI DOM manipulations that was previously there in the testbench.js was migrated to the component using Vue and Pinia.

Other Testbench components like the testbench validator and some dialog boxes are migrated as well in the same folder.

Also created a Testbench store in the pinia store folder for reactive state management of the test data.

PR LINK - https://github.com/CircuitVerse/cv-frontend-vue/pull/323

### Vue + Typescript Integration

Typescript and Vue integrations were done in some files like project.ts, utils.ts, testbench.ts, Open Offline.vue Component initially more integrations will be done in the next weeks

PR LINK - 
utils.ts - https://github.com/CircuitVerse/cv-frontend-vue/pull/325
project.ts - https://github.com/CircuitVerse/cv-frontend-vue/pull/324
Offline.vue - https://github.com/CircuitVerse/cv-frontend-vue/pull/318
Novikov Dubai Mall
Published: 2024-06-22 18:37:27

[Novikov Dubai Mall](https://www.novikov-cafe.com/catalogue/novikov-giant-mille-feuille-chocolate-and-hazelnut) stands out as a culinary gem within the bustling Fashion Avenue. Nestled in this luxurious location, Novikov attracts discerning diners who appreciate both the ambiance and the artistry of fine dining. The mall, known for its high-end shopping experience, perfectly complements the upscale nature of Novikov, making it a prime destination for those looking to indulge in exceptional Mediterranean cuisine.
My First Program: Money After Expenses
Published: 2024-06-22 18:36:29

I recently started learning Python 3 on Codecademy to start my computer science journey. This program is the first program I have ever coded on my own with no guidance. For this project, I was instructed to create a program, but I wasn't given instructions for what kind of program to write specifically. It took me a while to think about, but it occurred to me that I have a spending problem, and that a finance calculator would be really helpful to help me manage my money. 

The program I created, which I have linked below, prompts users to enter their general financial information; how many hours they work per week, how much money they make hourly, and how much they spend monthly on rent, utilities, groceries, and other expenses. The program takes this information and calculates how much money the user has left after their monthly expenses, which they can put into savings or use at their discretion. 

I had a very good time making this first program of mine. It was difficult coming up with an idea, but once I got the ball rolling, everything just kind of flowed into place. I wasn't confident I could write a program by myself at this point, but I ended up doing it successfully, and had my father and sister test it to ensure it worked with various inputs. While it's a simple program, I'm very proud of myself for it, and I look forward to making more complex programs in the future.

[Click Here To View The Program](https://github.com/doggomaru/money-after-expenses)