teleren/devto huggingface dataset:
Security Logger
Tags: ia, webdev, security
Published: 2024-01-16 13:56:10

> Disclaimer: The only real data in this site was hidden to protect the privacy of the user. The rest of the data is fake.

This project is build with ViteJs and ReactJs, the main idea is to create a web app and also a native desktop app to register new visitors on urbanization, the web app is for the directive (i.e urbanization president) and the desktop app is for the security guard.

The app allow to create user three types of user:

<ul class="list-disc ml-8">
  <li>Admin: Can create new users and also can see all the logs</li>
  <li>Security guard: Can create, read and update new logs</li>
  <li>Guest: Can only read the logs</li>
</ul>

The records are stored first in the **IndexDB** and then are synced with the Firestore database, the app also has a **offline mode**, so the user can use the app without internet connection and when the connection is available the app will **sync the data with the database**.

The records could be filtered by visitor name, visitor ID, date, and also by the house number, the app also has a **search bar** that allow to search by name quickly. Also, you can exported the entire records of filtered records to a XLSX file or a PDF file.

## Deep learning integration

This app also has a integration with a other personal project, that consist in a **Deep Learning model** that can detect and extract the text of visitor name and ID from a image. So the app can extract the image from the security camera that focus the visitor ID and the model will extract the text and fill the form with the data. The information can be edited by the security guard too. The model is build with **Tensorflow** based on a little version of YOLOv5.


![Web app view](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yv5w1e7jbyy6t8moct0c.png)



Currently the app is only available in Spanish, and deploy or installation is only available previos contact and agreement. The app will have more tools powered by AI to detect and extract more information as vehicle plate, visitor face, etc.

## Tech used

<ul class="list-disc ml-8">
  <li>Firebase (Auth, Firestore)</li>
  <li>ReactJs, React Router, React Context</li>
  <li>React-Query</li>
  <li>Zod (Validation)</li>
  <li>Tensorflow</li>
</ul>
Why you should stop using google forms in 2024?
Tags: nocode, formbuilders, webdev, forms
Published: 2024-01-16 13:55:09


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


If you have used google form builder before, this article is definitely for you.

Years ago google forms were super popular, and it was the best choice and the way to go back then, people were using it to create google survey,  forms quiz, contact forms …etc.
And everyone was happy, because we didn’t have much choice.
But now I don’t think google forms are the best choices.

## Why Google forms aren’t the best in 2024

1. **Outdated Design and Customization:** One glaring issue with Google Forms in 2024 is its outdated design and limited customization options. Users are now accustomed to sleek, modern interfaces, and unfortunately, Google Forms seems to have lagged behind in this aspect. Competing platforms offer a more aesthetically pleasing experience with advanced design capabilities that Google Forms simply cannot match.
2. **Lack of Advanced Features:** While Google Forms excelled in simplicity, it has fallen short in keeping up with the demand for more advanced features. Users now expect seamless integrations with third-party apps, sophisticated logic branching, and comprehensive analytics. The stagnation of innovation within Google Forms means that users are missing out on the cutting-edge functionalities offered by newer platforms.
3. **Privacy Concerns:** As awareness of data privacy grows, users are becoming more discerning about the platforms they trust with their information. Google Forms, being part of the Google ecosystem, raises concerns about data security and privacy. Some users may prefer alternative solutions that prioritize robust privacy measures and are not tied to large tech conglomerates.
4. **Users don’t like it anymore**: Google forms became old, and users don’t like them for some reasons, but there are many great alternatives out there that you can use to boost your business with well designed and implemented forms, and I will  

## Why you should not pay monthly for form builders

I have checked many Form builders, and they all have monthly subscription.

And we all know that we makers/small business founders don’t like to pay monthly for such things, right?

And the other thing we miss is a good editor and the ability to create forms matching our style without using code, and this is something we don’t have in the existing form builder.

So I decided to work on my own form builder which is [RapidForms](https://rapidforms.co) to solve exactly the problems I mentioned above.

**And here are some demos**


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

![Rapidforms](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvpzvy7h7vo1zqzqou7l.png)
The Future of Databases: Exploring Serverless MySQL With PlanetScale
Tags: mysql
Published: 2024-01-16 13:54:26

Serverless databases are a modern approach to database technology. Unlike traditional databases, where users have to manage server infrastructure and capacity planning, serverless databases remove those complexities. Users can focus solely on their data and applications, leaving the database infrastructure provisioning, scaling, and maintenance to the service provider.

The development of databases has seen a significant shift with the emergence of serverless MySQL. This technology streamlines server management, automates scaling, and integrates seamlessly with cloud platforms, offering cost-effective and reliable database solutions. PlanetScale, a prominent player in this space, provides a managed database service built on MySQL and Vitess, catering to businesses seeking advanced serverless MySQL capabilities at scale.

Read in full to get more info - https://blog.devart.com/planetscale-serverless-mysql.html
Budgetfy
Tags: react, finances, firebase, webdev
Published: 2024-01-16 13:50:59

In this web app you can create budget to define your expenses and incomes as unique events or recurrent events as you usually create events for a calendar, in order to plan your **budget through slice of time that you can define**.

The Budget view has show you one card per moth with three sections. The first section is Category summary, it show the total amount of money for each category that you have defined.

The second section is Timeline, that show the following information:

<ul class="list-disc ml-8">
  <li>Timeline: show all the events for that month (expenses and incomes) and the estimated balance for that month. Also if you clic on the event you can mark it as paid (for expenses) or received (for incomes). This will update the balance.</li>
  <li>Balance: section you will see all the money available without expenses for that month and the monthly balance, it mean the difference between the incomes and the expenses for that specific month.</li>
</ul>

Finally the third section is the **Timeline plot**, that show the evolution of the incomes, expenses and balance for the the defined range of time on the budget creation.

![Web app view](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e575gwljmpr8up8y713y.png)

You can create a account for free using a email and password or **Google account**, then you can create your budget and start to add your incomes and expenses. Visit the <a target="_blank" rel="noopener noreferrer" href="https://budgetfy.cardor.dev">website</a> to see more details.

## Tech used

<ul class="list-disc ml-8">
  <li>Firebase (Auth, Firestore)</li>
  <li>ReactJs, React Router, React Context</li>
  <li>React-Query</li>
  <li>Highcharts</li>
  <li>Zod (Validation)</li>
</ul>
IAflow
Tags: deeplearning, tensorflow, python
Published: 2024-01-16 13:42:19

This library help to create models with identifiers, checkpoints, logs and metadata automatically, in order to make the training process more efficient and traceable.

For install the library, you can use pip:

```bash
pip install iaflow
```

Then you can create the `ia_make` with the following code:

```python
ia_maker = IAFlow(
  models_folder='./models',
  checkpoint_params={
    'monitor': 'val_loss',
    'save_best_only': True,
    'save_weights_only': True
  },
  tensorboard_params={
    'histogram_freq': 1,
    'write_graph': True,
    'write_images': True
  }
)
```

And then you can add the model with the following code:

```python
model_1_data = ia_maker.add_model(
  model_name='model_1',
  model_params={ 'input_shape': (2, 1) },
  load_model_params={},
  compile_params={
    'metrics': ['accuracy'],
    'optimizer': 'adam', 'loss': 'mse'
  },
)
```

Finally, you can train the model with the following code:

```python
ia_maker.train(
  model_1_data,
  epochs=5,
  dataset_name='dataset_1'
)
```

This library has integration with [Notifier Status Function](https://github.com/enmanuelmag/notify_function), so you can send notifications to Telegram when the training process is finished. To check how to use it and more feature as managing Dataset and Models with the library, you can check the <a target="_blank" rel="noopener noreferrer" href="https://iaflow.cardor.dev">documentation</a>.

## Tech used

<ul class="list-disc ml-8">
  <li>Python</li>
  <li>Tensorflow</li>
  <li>Telegram API</li>
  <li>Notifier Status Function (personal lib)</li>
  <li>Webhooks</li>
</ul>
13 GitHub Repos to make your first contribution (JavaScript):
Tags: javascript, webdev, github, opensource
Published: 2024-01-16 13:42:12





1.altair (label:good-first-issue)
2.Ancient Beast (label: easy)
3.appsmith (label: good-first-issue)
4.AVA (label: good-for-beginner)
5.Babel (label: good-first-issue)
6.Binari (label: up-for-grabs)
7.Botpress (label: contributor-friendly)
8.Brave Browser (label: good-first-issue)
9.cdnjs (label: good-first-issue)
10.Check It Out (label: good-first-issue)
11.Create React App (label: good-first-issue)
12.cypress (label: good first issue)
13.electron (label: good-first-issue)
Waste2clear: Expert in Rubbish Removal Nottingham
Tags: nottingham
Published: 2024-01-16 13:42:09

Looking for efficient [rubbish removal in Nottingham](https://waste2clear.co.uk/residential-rubbish-removal/)? Waste2Clear offers tailored solutions for quick and hassle-free waste disposal. Our services cover various needs, ensuring a clean and clutter-free space for you.


Construction/Refurbishment Waste Removal: Keep your construction site tidy and safe with our efficient debris removal services.

Rubbish Removal for Businesses: From shops to restaurants, we maintain clean commercial spaces that welcome customers.

Office Clearance: We handle office junk removal, allowing you to focus on your core business activities.
Specialised Services for Every Requirement
Domestic Junk Removal: Whether it's a small item or an entire load, count on us to clear household waste efficiently.

Estate & Letting Agents: For comprehensive house clearances, we swiftly declutter properties, supporting agents in maintaining pristine spaces.



Effortless House Clearance Solutions
At Waste2Clear, no job is too challenging. Our team manages garden waste removal, household goods disposal, and refurbishment junk clearance, ensuring your space remains spotless.

Affordable, Reliable, and Responsible
Choosing Waste2Clear means opting for more than just waste removal. We provide comprehensive services, including clearing, loading, sweeping, and responsible disposal at local waste facilities.
Our commitment to a cleaner environment reflects in our dedication. Contact Waste2Clear for dependable rubbish removal services in Nottingham. Let us tackle the laborious aspects while you enjoy a clutter-free space.
Don't let rubbish overwhelm your premises—choose Waste2Clear for professional [rubbish removal Nottingham!
](https://waste2clear.co.uk/residential-rubbish-removal/)
About Us:
Welcome to Waste2Clear, where our fully licensed experts specialise in efficient [Rubbish Removals in Nottingham](https://waste2clear.co.uk/residential-rubbish-removal/). We focus on providing fast and hassle-free man and van junk collection and disposal services, catering to all your clearing needs, whether it’s a single item or a large-scale clearance. We also provide our services in West Bridgford, Hucknall and Beeston.
Contact us Now.
What happens when you type a URL into your browser?
Tags: systemdesign, webdev, web, interview
Published: 2024-01-16 13:40:04

🕵️ Curious about what happens when you type a URL into your browser? 

📖 Check out my latest article for a high-level overview! 

👨‍💻 Written for Junior Software Engineers preparing for a System Design interview or experienced developers looking for a 10,000-foot view.

🌐 Covers the three main steps: DNS resolution, HTTP request/response to a web server or a CDN, and web page rendering.

💻 Explains how the Domain Name System (DNS) is used to resolve the domain name into an IP address required for the machine to access the website. 

💻 Discusses how the HTTP protocol is implemented and its usage in requesting web servers and content delivery networks (CDNs).

📖 Split into two parts, with this one covering the high-level overview, best suited for beginners. The next article will cover more details like HTTP headers, HTTPS key exchange, and much more at a lower level of abstraction. 

https://cloudnativeengineer.substack.com/p/what-happens-when-you-type-a-url


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96w6al5gjhm29qkrczgz.png)
Mi Horario Web (MHW)
Tags: firebase, react, webdev
Published: 2024-01-16 13:39:51

> Disclaimer: Currently we are working on improve and update of NodeJS version of the Lambda functions, so the website is not working properly.

This is an online timetable generator for students of the ESPOL University. It allows to obtain information of the planned courses, statistics of the teacher in charge and to generate options of schedules according to the courses and selected parallels.

The project is developed in React and Material-UI, MongoDB as main database for all courses information and FireStore as realtime database for update de progress of schedule generation on the client side.

The steps to create schedules are:

1. Select the subjects that you will take.

2. Selected the course numbers that you would like to choose. In this section you can also see the course's teacher, his/her qualification and student's opinios about him/her.

3. The you can execute the schedules generations, the process can take a while, so a progress bar is show up with the progress update in real time.

4. Finally you can see all the options of schedules with out conflict on hours class or exams. You can also download the information as a table (just course numbers and subject) or download the calendar view.


![View of MHW web app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0xknwh4d4ddq3f05loe.png)

## Tech used

<ul class="list-disc ml-8">
  <li>React</li>
  <li>Material-UI</li>
  <li>MongoDB</li>
  <li>Highcharts</li>
  <li>AWS State Machine</li>
  <li>AWS Lambda Functions</li>
  <li>Firebase (Auth, Firestore)</li>
  <li>Github Actions</li>
</ul>
Be5 Bàn Bida
Published: 2024-01-16 13:37:13

https://www.facebook.com/Be5banbia/
https://www.youtube.com/channel/UCrMNUaSHwnH6SYVGdWLcWvQ
www.linkedin.com/in/be5-sports-ban-bida
https://twitter.com/Be5Banbia
https://www.instagram.com/be5banbida/
https://www.tiktok.com/@be5banbida
https://www.pinterest.com/be5banbida/
https://www.blogger.com/profile/09165846623172909919
https://github.com/Be5banbida
https://www.tumblr.com/be5-banbida
https://speakerdeck.com/be5banbida
https://www.mixcloud.com/be5banbida/
https://independent.academia.edu/Be5BanBida
https://www.deviantart.com/be5banbida/about
https://www.pearltrees.com/be5banbida
https://profile.hatena.ne.jp/Be5Banbida/profile
https://sketchfab.com/be5banbida
https://www.exchangle.com/be5banbida
https://www.prestashop.com/forums/profile/1830393-be5banbida/?tab=field_core_pfield_19
https://www.reverbnation.com/be5banbida
https://letterboxd.com/Be5banbida/
https://gitlab.com/be5sports.banbida
https://slides.com/be5banbida
https://www.quia.com/profiles/be5banbida
https://www.crokes.com/be5banbida/info/
https://app.pluralsight.com/profile/be5banbida
https://moz.com/community/q/user/be5banbida
https://www.instapaper.com/p/Be5Banbia
https://www.intensedebate.com/people/be5banbida
https://www.domestika.org/en/be5banbida
https://tapas.io/Be5Banbida
https://www.giantbomb.com/profile/be5banbida/
https://ko-fi.com/be5banbida
https://lazi.vn/user/be5banbida
https://social.msdn.microsoft.com/Profile/Be5%20B%C3%A0n%20Bida
https://padlet.com/be5banbida/be5-b-n-bida-2yajw7qrc8q21lq1
https://www.yumpu.com/user/be5banbida
https://www.behance.net/bnbidabe5sport
https://www.speedrun.com/users/Be5banBbda
https://www.longisland.com/profile/be5banbida
https://public.tableau.com/app/profile/be5.b.n.bida/vizzes
https://www.metooo.io/u/be5banbida
https://my.archdaily.com/us/@be5-ban-bida
https://www.kickstarter.com/profile/be5banbida/about
https://trello.com/u/be5banbida/activity
https://play.eslgaming.com/player/19871787/
https://www.hackerrank.com/profile/be5sports_banbi1
https://naijamp3s.com/index.php?a=profile&u=be5banbida
https://creators.audiomack.com/be5banbida
https://wellfound.com/u/be5-ban-bida
https://www.free-ebooks.net/profile/1532043/be5-ban-bida#gs.3mn8lo
https://www.ted.com/profiles/45969827
https://www.sbnation.com/users/be5banbida
https://www.magcloud.com/user/be5banbida
https://www.couchsurfing.com/people/be5banbida
https://myanimelist.net/profile/be5banbida
https://able2know.org/user/be5banbida/
https://fliphtml5.com/homepage/gextk/be5-b%C3%A0n-bida/
https://hulkshare.com/be5banbida
https://www.40billion.com/profile/663942209
https://www.fanfiction.net/~be5banbida
http://ttlink.com/be5banbida
What are your goals for week 3 of 2024?
Tags: design
Published: 2024-01-16 13:36:33

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Notifier Function Status
Tags: python, productivity
Published: 2024-01-16 13:34:38

This library provides a decorator to show a toast in your screen and if you setup, send a email when your function end. All that you need to do is use a decorator and some specific parameters, like in the following example:

```python
from notifier import notify

# Send a message to telegram
@notify(api_token='your_api_token', chat_id='your_chat_id')
def your_function():
    print('Hello World!')
```

Another way is by manually calling the function:

```python
from notifier import Notifier

notifier = Notifier(
  title='Execution for',
  api_token='your_api_token'
  chat_id='your_chat_id'
)

for i in range(10):
    notifier(msg=f'Hello World {i}!')

# You can also override all the previous parameters,
# on the constructor, by passing them to the function
notifier(title='Execution done', msg='Finished!')
```

Check these features a more detailed on the <a target="_blank" rel="noopener noreferrer" href="https://github.com/enmanuelmag/notify_function">GitHub repository</a>.

## Tech used
<ul class="list-disc ml-8">
  <li>Python</li>
  <li>Telegram API</li>
  <li>Discord webhooks</li>
</ul>
CrewAi + Solar/Hermes + Langchain + Ollama = Super Ai Agent
Tags: datascience, machinelearning, deeplearning, ai
Published: 2024-01-16 13:28:27

As technology booms, AI Agents are becoming game changers, quickly becoming partners in problem-solving, creativity, and innovation, and this is what makes CrewAI unique.

Can you imagine? In just a few minutes, you can turn an idea into a complete landing page, which is exactly what we achieved together with CrewAI.

CrewAI a cutting-edge alternative to AutoGEN, offering you the power to assemble teams of AI agents for automated tasks effortlessly

In this video, you’ll learn what is CrewAi, architecture design, the differences between Autogen, ChatDev, and Crew Ai, and how to use Crew Ai, Langchain, and Solar or Hermes Power by Ollama to build a super Ai Agent

the full article can be found [here](https://quickaitutorial.com/crewai-solor-hermes-langchain-ollama-super-ai-agent/)
Các ứng dụng hỗ trợ cho IoT
Published: 2024-01-16 13:21:14

**Arduino IDE**: Arduino IDE là một môi trường phát triển tích hợp cơ bản, cung cấp tất cả những gì bạn cần để viết mã và tải chương trình lên bảng mạch Arduino. Nó hỗ trợ nhiều loại bảng Arduino và có thể dễ dàng cài đặt trên Linux.

**PlatformIO**: PlatformIO là một hệ thống tự động hóa phát triển IoT và embedded. Nó hỗ trợ hơn 700 bảng mạch microcontroller, bao gồm ESP8266 và ESP32, và có thể tích hợp với các IDE phổ biến như Visual Studio Code.

**Eclipse Mosquitto**: Mosquitto là một broker MQTT nhẹ, thích hợp cho việc sử dụng trong các dự án IoT, đặc biệt là trong việc xử lý thông điệp giữa các thiết bị.

**Visual Studio Code**: VS Code là một IDE mạnh mẽ và linh hoạt, hỗ trợ nhiều ngôn ngữ lập trình và có nhiều tiện ích mở rộng hữu ích cho phát triển IoT, bao gồm cả hỗ trợ cho PlatformIO và Docker.

**Docker**: Docker cho phép bạn tạo và quản lý các container, giúp dễ dàng triển khai và mô phỏng môi trường ứng dụng IoT trên máy Linux của bạn.

Wireshark: Wireshark là một công cụ phân tích mạng mạnh mẽ, giúp bạn theo dõi và phân tích lưu lượng mạng trong các dự án IoT của bạn.

Git: Git là hệ thống quản lý phiên bản không thể thiếu trong bất kỳ dự án phát triển phần mềm nào, bao gồm cả dự án IoT.

QEMU: QEMU là một phần mềm giả lập và ảo hóa, giúp mô phỏng các thiết bị nhúng và thử nghiệm phần mềm trong môi trường giả lập.

Node-RED: Node-RED là một công cụ lập trình dựa trên dòng chảy để kết nối các thiết bị phần cứng, API, và dịch vụ trực tuyến một cách trực quan. Đặc biệt hữu ích cho việc xây dựng các ứng dụng IoT nhanh chóng.

Eclipse IoT: Eclipse cung cấp một bộ công cụ phát triển IoT đầy đủ, bao gồm Eclipse Kura để phát triển ứng dụng trên các thiết