teleren/devto huggingface dataset:
Supaboard: A realtime whiteboard
Tags: refinehackathon, supabase, mui
Published: 2023-07-20 15:29:43

## What I built 
Realtime Whiteboard application using Refine, MaterialUI and Supabase. It uses the Refine's Pixels application example. 

### Category Submission: 
- Most Technical Impressive
- Best Project built using Supabase

### App Link
Github:- https://github.com/amit-ksh/supaboard
App Link:- https://refine-supaboard.netlify.app/
**Note: Github login not working right now**

### Screenshots 

![supaboard login page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhrnnvh0qv0ztktbis24.png)

![supaboard list page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8vctlt22acuf4q34mkn2.png)

![supaboard app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lms2uo49qkvl1dms3xkk.png)

### Description 
Supaboard is a realtime whiteboard built using Refine, MaterialUI and Supabase. It is a simple and easy to use tool for creating art or playing *Pictionary* (a classic party game that requires someone to draw a picture while their teammates try and guess what they're drawing) 

### Link to Source Code 
Github:- https://github.com/amit-ksh/supaboard

### Permissive License 
MIT License

## Background (What made you decide to build this particular app? What inspired you?) 
Supaboard is inspired by Refine's Pixels application which helps to create amazing art and share it with your friends easily. 
Also, I wanted to learn about MaterialUI and Supabase. I was amazed by how easy to create a complex application within a week, if started from scratch I'm sure took me months to build this. And with the help of Refine, it become easier to create this I spent less than 1 minute building the authentication for this app.

### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 
While building the Supaboard, I utilized the following technologies and gained new skills along the way:

**Refine**: I leveraged Refine, a powerful framework for creating realtime applications with the help of Supabase and MUI refine module. It also provides different state management, authentication and authorization module for creating the application faster. 

* MaterialUI**: I used MUI to create a modern and responsive app user interface.

**React & Typescript**: I used React for developing reusable and modular components and typesafe applications which improves code organization and maintenance.

**Supabase**: I use Supabase, an open-source platform, to simplify database management and ensure secure and scalable backend infrastructure. And with the help of Refine, it becomes a lot easier to manage the Supabase database
Administrar versiones con NPM
Tags: npm, spanish
Published: 2023-07-20 15:28:00

En cada proyecto se tiene `"version": "1.0.0"`, que tienen la siguiente referencia.
**`major.minor.path`**


## Comando 😎
Para poder actualizar utilizamos el comando `npm version` seguido de lo que deseamos aumentar en la versión.

```
npm version minor
```

## Comando + mensaje 😱

```
npm version minor --message "Added new feature"
```

## Opciones 🫣

- `major`: Aumenta el número de versión principal.

- `minor`: Aumenta el número de versión menor.

- `patch`: Aumenta el número de versión de parche.

- `premajor`: Crea una versión prealfa para la próxima versión principal.

- `preminor`: Crea una versión prealfa para la próxima versión menor.

- `prepatch`: Crea una versión prealfa para la próxima versión de parche.

- `beta`: Crea una versión beta para la próxima versión.

- `alpha`: Crea una versión alfa para la próxima versión.

- `rc`: Crea una versión candidata a producción para la próxima versión.

- `patch-only`: Aumenta el número de versión de parche sin aumentar los números de versión principales o menores.
Fumo dashboard
Tags: refinehackathon
Published: 2023-07-20 15:27:33

## What I built

A dashboard to manage the [Fumo-API](https://github.com/nosesisaid/fumo-api) 

### Category Submission: 
Most Visually Pleasing
### App Link
https://test-fumo-dashboard.nosesisaid.com

https://fumo-mock-api.vicotrio.repl.co

### Screenshots 

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

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

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

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





### Description 

### Link to Source Code 
https://github.com/v1ctorio/fumos-mui-dashboard
### Permissive License 
MIT
## Background (What made you decide to build this particular app? What inspired you?) 
I've had the Fumo-API for a long time and thought about making a dashboard so I can manage the fumos better, Refine helped me to make this process easier.
### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 
I used the create-refine-app CLI and the Inferencer feature, which I find very interesting and think I'll use in future projects
My talk at the CityJS London (Micro Frontends Summit)
Tags: webpack, nx, microfrontends, rspack
Published: 2023-07-27 09:00:34

---
title: My talk at the CityJS London (Micro Frontends Summit)
published: true
date: 2023-07-20 15:25:08 UTC
tags: webpack,nx,microfrontends,rspack
canonical_url: https://okhivrych.io/my-talk-at-the-cityjs-london-micro-frontends-summit
---

{% embed https://www.youtube.com/embed/dsUn21z529Q %}
What is Cybersecurity ?
Tags: cybersecurity, cyber, hacking, technology
Published: 2023-07-20 15:20:47


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1hfp8tvlzqtt4cfqkch4.jpg)](https://www.indiantechnologyskills.tech/2023/07/what-is-cybersecurity.html)

[What is Cybersecurity ?](https://www.indiantechnologyskills.tech/2023/07/what-is-cybersecurity.html) Cyber security refers to the various processes, tools, and techniques used to protect networks, computers, and data from theft, damage, and illegal access. In addition to personal computers, this includes protecting servers, mobile devices, and other connected devices that together make up the digital infrastructure.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/what-is-cybersecurity.html)
Social Media Marketing Job
Tags: smm, socialmedia, jobsearching, socialmediamarketing
Published: 2023-07-20 15:18:30


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wt0atuwaeanaxvdfzozu.jpg)](https://www.indiantechnologyskills.tech/2023/07/social-media-marketing-job.html)

[Social Media Marketing Job.](https://www.indiantechnologyskills.tech/2023/07/social-media-marketing-job.html) Social media marketing has emerged as an important tool for businesses to promote their products and services, create brand awareness and connect with customers. Social Media Marketing Job. By taking advantage of social media platforms, companies can reach a global audience and precisely target specific demographics. Social Media Marketing Job. This targeted approach helps businesses maximize their marketing efforts, generate leads and increase conversions. Social Media Marketing Job.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/social-media-marketing-job.html)
What is SEO ?
Tags: seo, socialmedia, engine, search
Published: 2023-07-20 15:16:01


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mepxnyaz82k8nfqlrmik.jpg)](https://www.indiantechnologyskills.tech/2023/07/seo.html)

[What is SEO ? ](https://www.indiantechnologyskills.tech/2023/07/seo.html)Search Engine Optimization (SEO) plays a vital role in driving organic traffic to your website and improving its visibility in search engine results. Search Engine Optimization (SEO). In this comprehensive guide, we'll delve deeper into the world of SEO, covering its fundamentals, best practices, and effective strategies. Search Engine Optimization (SEO). By the end of this article, you will have a solid understanding of SEO and will be equipped with the knowledge to optimize your website, increase its ranking and attract targeted visitors. Search Engine Optimization (SEO).

[Read more...](https://www.indiantechnologyskills.tech/2023/07/seo.html)
SMO(Social Media Optimization)
Tags: socialmedia, marketingdigital, socialmediaoptimization, smo
Published: 2023-07-20 15:12:14


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/riy1eq3ksoh9b0yas8ei.jpg)](https://www.indiantechnologyskills.tech/2023/07/smosocial-media-optimization.html)

[SMO(Social Media Optimization). ](https://www.indiantechnologyskills.tech/2023/07/smosocial-media-optimization.html)SMO, an acronym for Social Media Optimization, refers to the process of optimizing social media channels to increase brand visibility, connect with audiences, and drive quality traffic to websites. SMO(Social Media Optimization). It's all about optimizing your social media presence and activities to make them more engaging, shareable and ultimately more effective. SMO(Social Media Optimization).

[Read more...](https://www.indiantechnologyskills.tech/2023/07/smosocial-media-optimization.html)
React + Fetch - HTTP GET Request Examples
Published: 2023-07-20 09:33:49

Fetch API is one of the fastest way to make HTTP request from browser level application.It is much simpler and clear which used **Promises** to deliver many flexible features to make HTTP requests to server from the browser level application. It is available in the global scope that directs the browsers to make a request to a URL.

There are different ways by which we can make GET Requests, here are some examples of how to use fetch() to make HTTP GET requests in a React application:


### Example 1: Basic GET request

``````fetch('https://jsonplaceholder.typicode.com/todos')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));
``````

In this example, we're using fetch() to make a GET request to the JSONPlaceholder API. The response gets converted to JSON format with the help json() method, and the final data is printed(logged) to the console. If there's an error with the request, we'll log that to the console as well.


### Example 2: Using async/await

``````async function fetchData() {
  try {
    const response = await fetch('https://jsonplaceholder.typicode.com/todos');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}
 
fetchData();``````


This example uses async/await syntax to make the request and handle the response. The fetchData() function is declared as async so that we can use await to wait for the response to come back. Once we have the response, we convert it to JSON using response.json() and log the resulting data to the console. If there's an error, we'll catch it and log it to the console.



### Example 3: Passing query parameters

`````` 
const userId = 1;
 
fetch(`https://jsonplaceholder.typicode.com/posts?userId=${userId}`)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));``````

In this example, we're making a GET request to the JSONPlaceholder API with a query parameter of userId. We're using template literals to interpolate the userId variable into the URL string. The resulting data is logged to the console, and any errors are caught and logged as well.

I hope these examples help you get started with making HTTP GET requests in your React application using fetch()!

This article is originally posted over [jsonworld](jsonworld.com)
Top 10 Powerful Countries in Technology
Tags: powerful, countries, world, technology
Published: 2023-07-20 15:08:20

[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yj28u5z7xa26royrqwso.jpg)](https://www.indiantechnologyskills.tech/2023/07/top-10-powerful-countries-in-technology.html)
[Top 10 Powerful countries in Technology.](https://www.indiantechnologyskills.tech/2023/07/top-10-powerful-countries-in-technology.html) In today's interconnected world, technology plays an important role in shaping the global landscape. From unprecedented innovations to rapid progress, countries around the world strive to establish themselves as technology superpowers. Top 10 Powerful countries in Technology.  In this article, we will know about the Top 10 countries that have demonstrated unparalleled excellence in the field of technology. These innovative nations have not only created a conducive environment for technological development, but have also contributed significantly to the technological progress across the globe. Top 10 Powerful countries in Technology.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/top-10-powerful-countries-in-technology.html)
What is Digital Marketing ?
Tags: digitalmarketing, marketing, explorepage, business
Published: 2023-07-20 15:03:28


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a0yi0b1aj8b17cmmex0k.jpg)](https://www.indiantechnologyskills.tech/2023/07/what-is-digital-marketing.html)

[What is Digital Marketing ?](https://www.indiantechnologyskills.tech/2023/07/what-is-digital-marketing.html) Digital marketing includes all marketing efforts carried out through digital channels such as search engines, websites, social media platforms, email and mobile apps. Unlike traditional marketing methods, digital marketing leverages the power of technology and data to target and engage specific audiences, resulting in higher conversion rates and a better return on investment.

[Read more...
](https://www.indiantechnologyskills.tech/2023/07/what-is-digital-marketing.html)
Sloan's Inbox: Considering taking a coding sabbatical...
Tags: discuss, career, burnout
Published: 2023-07-20 15:02:58

Howdy! Sloan, DEV Moderator and resident mascot, coming back atcha with another one from the inbox... 🦥

Welcome to another installment of Sloan's Inbox, your go-to place for sharing advice and observations. Whether it's career development, office politics, industry trends, or improving technical skills, we've got you covered. Let's continue our journey of learning and growth together.

As always, I'm here to dive into your questions, comments, and thoughts. So, let's get to it!

### Today's question is:

> I'm at the point in my career where I'm making enough money and have leveled up to a senior position. That said, I've been on the grind for a long time and I'm starting to feel a bit burnt out on coding. I'm considering asking my manager if I can take a sabbatical — i.e. take a good chunk of time off (perhaps a couple months) to travel, relax, and recharge. I've been with the same company for nearly 5 years and they're really great. I don't intend to leave, but I need a break. I'm wondering if others think this is a reasonable request. If so, how would you approach it? If not, do you have any advice for dealing with these feelings?
> 

Share your thoughts and lets help a fellow DEV member out! Remember to keep kind and stay classy. 💚

---


*Want to submit a question for discussion or ask for advice? [Visit Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform)! You can choose to remain anonymous.*
React Jam starts now, build a game using React in 10 days!
Tags: react, webdev, gamedev, javascript
Published: 2023-07-20 15:02:20

React Jam is a game jam inspired by our own game developer journeys using React. Not enough people are building games using React but it's surprisingly easy and allows for a lot of control over the games you make! We’ve gotten some amazing judges/sponsors and we’re really hope it'll inspire React devs to make their first game.

Check out [our website here](https://reactjam.com) for all the details and the theme!
Job profiles in Software Company
Tags: jobsearch, software, company, work
Published: 2023-07-20 15:01:08


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i0fxqkhurq5s580atr6a.jpg)](https://www.indiantechnologyskills.tech/2023/07/job-profiles-in-software-company.html)

[Job profiles in Software Company.](https://www.indiantechnologyskills.tech/2023/07/job-profiles-in-software-company.html) Software companies are at the forefront of technological innovation and the demand for skilled professionals in this industry continues to grow. Job profiles in Software Company. In this comprehensive guide, we will take an in-depth examination of various job profiles within software companies, providing insight into their responsibilities, skills required and career prospects. Job profiles in Software Company.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/job-profiles-in-software-company.html)
What is Search Engine ?
Tags: seo, searchengine, explore, technology
Published: 2023-07-20 14:57:01

[
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lhtk7qza3r748mtsfj7.png)](https://www.indiantechnologyskills.tech/2023/07/what-is-search-engine.html)
[What is Search Engine? ](https://www.indiantechnologyskills.tech/2023/07/what-is-search-engine.html)Search engines are the backbone of the Internet, enabling users to find relevant information, products and services with a simple search query. But have you ever wondered how search engines actually work? In this comprehensive guide, we'll explore the intricacies of search engines, highlighting their main functions, crawling and indexing processes, ranking algorithms, and the importance of search engine optimization (SEO). 

[Read more...](https://www.indiantechnologyskills.tech/2023/07/what-is-search-engine.html)
The Danger of AI in Cyber Security
Published: 2023-07-20 06:10:50

Artificial intelligence (AI) is rapidly changing the cyber security landscape. While AI has the potential to be a powerful tool for protecting against cyberattacks, it also poses new risks.

AI can be used to automate many of the tasks involved in cyber security, such as threat detection, incident response, and vulnerability management. This can free up human security professionals to focus on more strategic and creative work.

However, AI can also be used by attackers to develop more sophisticated and targeted attacks. For example, AI can be used to create malware that is more difficult to detect or to launch denial-of-service attacks that are more difficult to mitigate.

In addition, AI can be used to create deepfakes, which are videos or audio recordings that have been manipulated to make it appear as if someone is saying or doing something they never said or did. Deepfakes can be used to spread misinformation or to impersonate someone in order to gain access to sensitive information.

The use of AI in cyber security is a double-edged sword. It has the potential to make our systems more secure, but it also poses new risks. It is important for security professionals to be aware of these risks and to take steps to mitigate them.

To mitigate the risks of AI in cyber security, security professionals should:

- Stay up-to-date on the latest AI-related threats.
- Use AI-powered tools to detect and respond to attacks.
- Implement security controls that are designed to protect against AI-based attacks.
- Train employees on how to identify and report suspicious activity.

The use of AI in cyber security is a complex issue. There are both risks and benefits to consider. However, by taking the necessary steps to mitigate the risks, security professionals can help to ensure that AI is used to make our systems more secure, not less.
Cổng 68 Game
Tags: cong68game, 68gamebài, 68gamebaiwebsite, gamebaionline
Published: 2023-07-20 14:53:54

Cổng 68 game với nhiều game bài giải trí online cực hot 2023 hiện nay: pocker, tài xỉu, tiến lên, bacarat,… có thưởng uy tín, chuyên nghiệp Việt Nam.
Website: https://68gamebai.website/cong-68-game-2/
Hotline: 0982331100
Addess: 123 Đoàn Nguyễn Tuấn, Tân Quý Tây, Bình Chánh, Thành phố Hồ Chí Minh, Việt Nam
Hastag: #68gamebài #68gamebaiwebsite #gamebaionline #68gamebaionline #conggame68
iPhone 14 pro max vs Samsung s22 ultra which is better
Tags: smartphone, iphone14promax, android, samsungs22ultra
Published: 2023-07-20 14:53:31


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8yov4buon6yzes7a2hsp.jpg)](https://www.indiantechnologyskills.tech/2023/07/iphone-14-pro-max-vs-samsung-s22-ultra.html)

[iPhone 14 pro max vs Samsung s22 ultra which is better.](https://www.indiantechnologyskills.tech/2023/07/iphone-14-pro-max-vs-samsung-s22-ultra.html) The smartphone market is filled with fierce competition, and two giants, Apple and Samsung, continue to dominate the conversation. With the imminent release of the iPhone 14 Pro Max and the Samsung S22 Ultra, consumers are faced with the tough task of choosing between these two powerhouse devices. In this article, we will do an in-depth comparison of the iPhone 14 Pro Max and Samsung S22 Ultra, analyzing their key features, specifications, design elements, camera capabilities, and software, to help you make an informed decision. The device reigns supreme. iPhone 14 pro max vs Samsung s22 ultra which is better.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/iphone-14-pro-max-vs-samsung-s22-ultra.html)
Top 10 Mobile Accessories Company In India
Tags: mobileaccessories, mobile, mobilecompany, technology
Published: 2023-07-20 14:49:30


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1y1ghdsygky9cs0mewjd.jpg)](https://www.indiantechnologyskills.tech/2023/07/top-10-mobile-accessories-company-in.html)
[Top 10 Mobile Accessories Company In India.](https://www.indiantechnologyskills.tech/2023/07/top-10-mobile-accessories-company-in.html) As smartphones continue to dominate our lives, the demand for mobile accessories in India is skyrocketing. Top 10 Mobile Accessories Company In India. With so many options available, choosing the right accessories can be overwhelming. In this article, we present the top 10 mobile accessories companies in India that offer high-quality products to enhance your smartphone experience. Top 10 Mobile Accessories Company In India.

[Read more...](https://www.indiantechnologyskills.tech/2023/07/top-10-mobile-accessories-company-in.html)