teleren/devto huggingface dataset:
Perplexity Playground: A hidden gem
Tags: discuss, productivity, ai, tooling
Published: 2024-04-20 11:40:53

**Hello 👋 everyone!**

Today I'll be sharing a secret A.I. tool that will help you get the "winning edge" and stay ahead of other A.I. users! This tool can help you with a variety of topics, such as research, code generation, general chat, content generation, and much more.

## TL;DR

Basically, perplexity AI has its own AI playground, which lets you experiment with different open source LMs completely for free, and that too with blazing-fast response speeds! It offers various powerful llms, such as Mistral's 8x7b-instruct, Google's Gemma-7b-it, Codellama-70b-instruct, and much more!

## Pre-requisites

To get started, all you need is a free account on [**Perplexity's** website](https://www.perplexity.ai/)

## Let's dive into it!

Now that you have a free account set up on the website, you can visit the homepage of Perplexity, look at the bottom of the webpage, locate the footer link showing "Playground," and open it up.

On this page, from the drop-down menu, you can select various open source LMs for free and get help with a huge array of tasks. You also get a response speed tracker above the prompt bar to let you know how fast the AI model is.

So, go ahead and try out those models and speed up or get help with your work quickly!

## Use-Cases:

1. Coding Assistance: The model **codellama** is specialized for this task, it can help you generate, review, debug your code effectively. It supports various languages like, javascript, tailwind, java, python, mysql, react and etc

2. Content writing: Models like **sonar**, **mixtral 8x22b** or **llama 3 70b** are trained on latest datasets and are great for content generation.

3. Research work: The model "sonar" by perplexity and "gemma" by google are up-to-date AI models which can help you find out relevant, accurate information online.

This is just a partial list of use-cases of this tool, there are much more variety of tasks for which you can use these tools!

## Some limitations

As you know, nothing is perfect. Everything has its own pros and cons, and when it comes to AIs, there are definitely some chances of errors.

1. Sometimes, inaccurate or wrong responses are produced.

2. You need to clear the chat window every time you change the llm from the drop-down list.

3. Sometimes, you may encounter never-ending responses with weird characters and text.

## Conclusion

Overall, if you want a single platform for various use-cases and want to get help from some of the most powerful open llms for free, Perplexity Playground is a must visit for you. You can get help with coding, content writing, SEO, brainstorming, etc.

_What are your thoughts on the use of AI tools? And what are some of the biggest challenges that you've faced while using AIs?
Let me know in the comment section_

So, that's it for today. I hope you liked the post.
Feel free to comment :D

**Thank you for reading!**
Helping a mining company optimize logistics
Tags: logistics, frontend, backend, devops
Published: 2024-04-20 11:31:13

East Mining Company, a major coal producer, faced inefficiencies in route planning due to outdated software. Evrone was tasked with developing a new routing system to optimize truck movements in their vast open-pit mines. Over three months, Evrone built a user-friendly interface allowing operators to visualize truck movements, edit roads, and manage routes efficiently. Using open-source libraries, they developed a frontend with map editing capabilities and a backend for data processing. DevOps ensured seamless deployment. The result: a robust system enabling daily monitoring and optimization of road networks, saving time and resources for East Mining. Future plans include automation and integration with their IoT platform.

[Read the full case study here.](https://evrone.com/cases/east-mining)
Chia sẻ theme WordPress bản quyền miễn phí
Tags: webdev, beginners, wordpress
Published: 2024-04-20 11:22:44

Bài viết này mình muốn chia sẻ theme WordPress bản quyền miễn phí với mục đích lan tỏa sự "yêu thương" đến toàn thể cộng đồng người làm web còn "yêu WordPress". 

Dường như việc làm web, viết SEO đã trở nên nhàm chán vì suốt ngày bị bác Gồ bắt nạt rồi. 

Lưu ý: Các theme mà mình chia sẻ ở đây là bản nulled, có nghĩa là không phải bản gốc nhưng bạn có thể trải nghiệm gần như đủ các tính năng của theme. 

## Chia sẻ theme WordPress bản quyền miễn phí

1         | NewsPaper    | [Link](https://drive.google.com/file/d/1SsvSMOp2j7VDRgDizFHtnoovdfMDYxgB/view?usp=sharing)    | Theme tin tức, blog
2         | Rehub Theme   | [Link](https://drive.google.com/file/d/1OU7FKGgg4pGE3uUsc7_CbY9cdFMlFkb1/view?usp=sharing)   | Theme tin tức, blog
3         | Jnews Theme    | [Link](https://drive.google.com/file/d/14lCA_FfEtwd3ipcDM4_dMdm0YySwhyjo/view?usp=sharing)   | Theme tin tức, blog
4         | Flatsome theme   | [Link](https://drive.google.com/file/d/1WJyi2tsgp3BJY7M85bqtz_Gwl_sE6Ds8/view?usp=sharing)   | Theme bán hàng
5         | SEOcify SEO    | [Link](https://drive.google.com/file/d/115kj79oN1_oseZNU4QFd2y_5XMvdnJjj/view?usp=sharing)    | Theme cho agency
6         | Ryse SEO   | [Link](https://drive.google.com/file/d/1QMdaphFiROHWNinW4yN_t5euGXxF2giB/view?usp=sharing)   | Theme cho agency
7         | Woodmark Theme   | [Link](https://drive.google.com/file/d/1Cudy6lQTXf8Ubg2qu3bJIGWoEH8S5hMU/view?usp=drive_link)   | Theme bán hàng
8        | BeTheme  | [Link](https://drive.google.com/file/d/1xccRMKeo0BUl9pRI5XV79f4uWgDzaT3C/view?usp=sharing)   | Theme sử dụng đa năng

Note: Hãy yên tâm mà sử dụng nhé.
Nếu có gì thắc mắc vui lòng liên hệ mình theo thông tin bên dưới:

- [https://twitter.com/duandigi](https://twitter.com/duandigi)
- [https://moz.com/community/q/user/duandigi/](https://moz.com/community/q/user/duandigi/)
- [https://www.facebook.com/duandizi](https://www.facebook.com/duandizi)

14        | Theme 14   | Link 14  | Mô tả 14
15        | Theme 15   | Link 15  | Mô tả 15`
Desvende os Segredos do Seu Metabolismo: Descubra o TDEE!
Tags: tdee, tdeecalculadora
Published: 2024-04-20 11:01:32

Sabia que saber quantas calorias você queima por dia é crucial para alcançar seus objetivos de saúde e boa forma?

Com o [TDEE](https://tdeecalculadora.com/) (Gasto Energético Diário Total), você finalmente tem essa resposta na palma da sua mão! Essa ferramenta incrível te ajuda a:

Definir metas precisas para perda de peso, ganho de massa muscular ou manter a forma física.
Entender seu TDEE de forma personalizada e precisa, considerando suas características únicas.
Acessar métricas avançadas como Metabolismo Máximo de Gordura e Mínimo de Calorias Diárias Recomendadas.
Tudo isso com base em:

Suas informações pessoais: peso, altura, idade, sexo e percentual de gordura corporal.
Seu estilo de vida: nível de atividade física e frequência de treinos.
Fórmulas complexas: Harris-Benedict, Mifflin-St Jeor, Katch-McArdle e mais, descomplicadas e interpretadas para você.
Com a Calculadora TDEE, você finalmente tem o controle da sua dieta e do seu corpo!

Experimente agora e:

Queime calorias com mais eficiência, direcionando seus esforços.
Otimize seus resultados nos treinos, alcançando seus objetivos mais rápido.
Aja de forma consciente, com base em dados precisos e personalizados.
Lembre-se: A Calculadora TDEE é uma ferramenta valiosa, mas consulte sempre um profissional de saúde ou nutricionista para uma avaliação individualizada e um plano alimentar personalizado.

Junte-se à comunidade de pessoas que já transformaram sua saúde com o TDEE!
Why different kinds of load balancers matter in application development
Published: 2024-04-20 11:00:59

## 1. What are the number behind the layer ... ?
Layers here directly indicate the network layers. We all know in computer science, the network operates at each hop on 2 common kinds layer of packets, OSI and regular 4 layers model.

## 2. Why network layers related to load balancers?
Each kind of balancer will take advantage of information and operate on a one specific layer. 

### 2.1. Layer-4 load balancer
Layer 4 load balancer operates at the transport level, which means it can use transport information such as application ports and protocols without using application content (like media type, localization rules, or other criteria) to manages traffic.

This operation comes with the advantages that the load balancer doesn't need to decrypt and inspect application messages, allowing them to be forwarded quickly, efficiently, and securely.

### 2.2. Layer 7 load balancer
Layer 7 load balancing operates at the application level, using protocols such as HTTP and SMTP to make decisions based on the actual content of each message. 

When the network traffic comes, a layer 7 load balancer will terminates it, decrypt, inspect, make content-based routing decisions and initiates a new TCP connection to the appropriate upstream server, and writes the request to the server.

As you can see, this strategy definitely incurs a performance penalty, but allows more intelligent load balancing decisions and content optimizations. 

Some use cases could be:

- **Using cookie information for load-balancing decision:** such as provide server persistence through session-based connection. Sending multiple requests to a server could help increase performance as we don't have to establish connection for every request to the server.

- **Content caching at load balancer can be used:** For example, the load balancer performs an calculation for load-balancing decision based on different kinds of content metrics, it then can store and use the result to achieve a more efficient decisions for the next similar requests.
6 Best Free Web Hosting Platforms for Different Needs
Tags: javascript, webdev, beginners, programming
Published: 2024-04-20 11:00:26

Looking for free web hosting but unsure where to start? We've compiled a list of the top 6 free hosting platforms, each catering to different needs and preferences. Whether you need support for PHP, MySQL, static websites, or serverless functions, there's a hosting solution here for you. From traditional hosting providers like InfinityFree and 000webhost to modern options like GitHub Pages and Netlify, discover the perfect fit for your project without breaking the bank.

1. **InfinityFree**:

- Offers free hosting with unlimited disk space and bandwidth.
- Supports PHP, MySQL, and more.
- Ideal for projects requiring ample storage and bandwidth without sacrificing functionality.

2. **000webhost**:

- Provides free hosting with PHP, MySQL, cPanel, and no ads.
- Includes a website builder for easy site creation.
- Perfect for beginners and those looking for a user-friendly hosting experience.

3. **AwardSpace**:
Offers free hosting with PHP, MySQL, and a 1-click installer.
Ad-free hosting experience for a professional look.
Great for quickly deploying PHP-based websites or applications.

4. **Freehostia**:

- Provides free hosting with PHP, MySQL, and 24/7 support.
- Includes a website builder for easy site creation.
- Ideal for those seeking reliable support alongside their hosting services.

5. **GitHub Pages**:

- Ideal for hosting static websites and projects.
- Free for personal and small-scale projects.
- Supports custom domains for branding purposes.
- Perfect for developers and individuals looking to showcase their work or portfolio.

6. **Netlify**:

- Similar to GitHub Pages but offers additional features like continuous deployment, forms, and functions.
- Supports custom domains for a personalized touch.
- Great for hosting modern static websites with advanced functionality.
12betshow
Published: 2024-04-20 10:42:28

San choi ca cuoc dang lam mua gio trong thoi gian gan day la 12bet. Cung tim hieu chi tiet ve san choi thoi thuong va chat luong bac nhat nam 2024 nhe.
Dia chi: Vinh Loc A, Binh Tan, Thanh pho Ho Chi Minh, Viet Nam
Email: 12bet.show@gmail.com
Website: https://12bet.show/
Dien thoai: (+63) 9622190370
#12bet #12betshow #nhacai12bet #12betcasino
Social links:

https://www.facebook.com/12betshow

https://www.youtube.com/@12betshow

https://twitter.com/12betshow

https://www.twitch.tv/12betshow/about

https://www.reddit.com/user/12betshow/

https://www.quora.com/profile/12betshow

https://soundcloud.com/12betshow

https://500px.com/p/12betshow

https://scholar.google.com/citations?hl=vi&user=drydf44AAAAJ

https://www.tumblr.com/12betshow

https://www.anobii.com/fr/01c4f0f42d25580baf/profile/activity

https://dribbble.com/12betshow/about

https://flipboard.com/@12betshow

https://research.openhumans.org/member/12betshow/

https://visual.ly/users/12betshow/portfolio

https://ko-fi.com/12betshow

https://wakelet.com/@12betshow

https://glose.com/u/12betshow

https://www.pinterest.com/12betshow/

https://gravatar.com/12betshow

https://www.deviantart.com/12betshow

https://issuu.com/12betshow

https://www.kickstarter.com/profile/12betshow/about
Google sheet -- Flutter
Published: 2024-04-20 10:09:29

Trying to implement and use connect Gsheet.

I'm a noob in the Dart coding language, and have a hard time debugging code I don't understand. I created a calendar that should save data in a google sheet. If you click on a date, a sliding_up_panel will appear, in that window you can enter your worked hours directly, or use time-picker which calculates your worked hours for you and insert them in the number fields, in the Dropdown menu you select the type of working hours you have worked, if they are regular working hours with your standard salary, or if you have worked overtime that gives you more pay, etc. clicking "SPARA"'save' button, it should send the hours you enter to the right column in the google sheet from the dropdown menu. The google sheet will automatically calculate your hours, deduct tax and give you your salary specification the moment your worked hours reach the sheet. You can then use the hamburger menu on the top left, ore swipe from the left and a new side bar will appear and show you your salary and total hours worked.

The dropdown will send the input hours to the respective column in the sheet. 'Normal working time' to "D9:D39", 'Overtime hours' to E9:E39, 'Holiday pay' to F9:F39.

I have been trying for months now, in every way possible, to create these functions, without success. and I understand that it can be difficult for you to explain in detail all the steps that need to be done to achieve this. So my question is instead! Can someone please reproduce this script with these functions and post a copy of my app, with a working code, so we all noobs can learn how to do this in the future projects?.
PAT Task 2
Published: 2024-03-21 22:21:01

Please find below testing techniques

**1. Boundary value analysis**
    Boundary value analysis (BVA) is a Black-box testing procedure in software testing.

BVA is a testing method to check the application functionality with boundary values. Minimum and maximum values are the boundary values.
 
Any inputs in the application have a minimum and maximum limit of value for both valid and invalid entries.

_For example:_
	In a company, age limit for the employee should be from 21 to 55.

- Here minimum valid boundary value is 21 and maximum is 55.
- Since invalid boundary values are the values which below 21 and above 55. 

**2. Decision table testing**
	Decision table testing is a method to test the response of the software with various inputs which includes valid and invalid values.
	
Decision table will contain all the possible scenarios of valid and invalid inputs to the application. Hence this method is very useful to identify in which case the application is not functioning as expected.

_For example:_
	Lets take a form which has 3 details like name, ph #, photo. Below is the description table.


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

**3. Use Case testing**
	Use case testing is a method to check a end-to-end functionality of an application unlike testing each components individually. It is one of black box testing procedure basically done by developers. 

It used to understand the behavior of an application if it works as per the requirements from client.

_Benefits_
- Uses to identify the functional requirement of any feature
- Simple way of view and test cases
- Testing from user’s point of view

_Drawbacks_
- Since it observed as from user’s end, there is possibilities of missing any required functionalities.

**4. LCSAJ Testing**
	Linear code sequence and Jump is a white box testing method which is to identify coverage of the code. 

It uses to identify the code coverage from start to end or from any branch to end of the code. It also uses to identify how much codes have executed with existing test cases hence new test cases can be build based on its result.
Querying Firestore for Capital Cities with JavaScript
Tags: firebase, javascript, firestore, webdev
Published: 2024-04-20 10:00:36


At [itselftools.com](https://itselftools.com), we have gained extensive experience working with modern tech stacks, particularly Next.js and Firebase, to build over 30 sophisticated applications. This experience has provided us with a deep understanding of how to effectively utilize databases like Firestore to manipulate and retrieve data efficiently.

## What Does This Code Do?
Let's examine the JavaScript snippet below and dissect what each line is responsible for:

```javascript
const db = getFirestore();
const citiesRef = collection(db, 'cities');
const queryRef = query(citiesRef, where('capital', '==', true));
const querySnapshot = await getDocs(queryRef);
querySnapshot.forEach(doc => {
  console.log(doc.id, ' => ', doc.data());
});
```

### Step-by-Step Explanation
1. **Initialize Firestore Database:** `const db = getFirestore();` This line initializes and returns a reference to the Firestore database instance.
2. **Reference a Collection:** `const citiesRef = collection(db, 'cities');` Here, we're referencing the 'cities' collection stored in the Firestore database.
3. **Create a Query:** `const queryRef = query(citiesRef, where('capital', '==', true));` This line creates a query object that looks for documents within the 'cities' collection where the field 'capital' is equal to true, effectively filtering for capital cities.
4. **Execute the Query:** `const querySnapshot = await getDocs(queryRef);` This asynchronous function fetches the documents that satisfy the query's conditions.
5. **Process Query Results:** The results of the query are processed in a loop: `querySnapshot.forEach(doc => { console.log(doc.id, ' => ', doc.data()); });`, where each document's ID and data are logged to the console.

## Insights on Using Firestore with JavaScript
Working with Firestore and JavaScript together can greatly enhance your applications, allowing real-time data synchronization and efficient data retrieval methods. The integration of Firestore with async-await in JavaScript promises high-performance data fetching which is critical in modern web development.

## Conclusion
To see the practical implementation of the concepts discussed, check out some of our innovative apps like [high-capacity temporary emails](https://tempmailmax.com), [online rhyming dictionary](https://rhymes-with.com), and [words translation explorer](https://translated-into.com). These applications showcase real-world usage of Firestore in conjunction with other modern technologies to deliver rich and interactive user experiences.

If you're looking to integrate similar functionalities into your applications, whether they deal with real-time data or complex queries, Firestore paired with JavaScript offers a powerful solution.
os.Relife : A flutter lifestyle web3 app
Tags: rebase01, gdsciiitkalyani
Published: 2024-04-20 09:46:16

{% embed https://youtu.be/0n1pLT2S4wk %}

---
## Team Details
 Me (currently)

## Description of Project

Through this app one can earn tokens via challenges, redeem those to get bonuses.

We also have Live location tracking during chllenges. The main motive of this project was to build an application similar to [STEPN](https://www.stepn.com/) with the exception of users will not have to buy <u>custom sneakers</u> to complete tasks using their own cryptocurrency.

Instead, I made an in-app currency named <u>Relife token</u> using openzeppelin ERC20 protocol and all the transactions fee will be covered by the contract deployer.

## Marketing Strategy:

1. We can tie up with companies (like refreshment drink selling and 
insurance companies) to cover the expenses **in return of their product promotion** to our users during challenges.

2. I also implemented feature of **staking some coins** as participation fee for certain challenges to ensure integrity.

3. We can later adopt a **freemium model** if needed with more features.

## Submission Track:

1. Polygon Ethereum track
2. Rebase Blockchain track

## Overview of My Submission
os.Relife is aiming to connect socially challenged individuals through challenges that earn them "Relife tokens" redeemable for bonuses. Live location tracking enhances engagement. This also covers transaction fees and plans to offset costs via partnerships. The project prioritizes transparency with public code repositories and thorough documentation.

## Tech Stack
**FrameWorks**
Flutter
Node.js
ethers.js

**Tools**
Postman
[OpenRouteService](https://openrouteservice.org/)
Pinata IPFS

**Languages**
Solidity
JavaScript
Dart

## Challenges We Faced

- We are returning a private key for security measures(based on the Proof of Knowledge concept)...but if each time while logging into the app, user has to give all the credentials he/she would be intimidated. So I implemented an access token feature.

- Initially my plan was to deploy this project on Polygon zkEVM.
But owing to deprecation of previous testnet in the start of april and unavailability of test funds I went with Sepolia.

- To give user a better experience, web3model has been employed to directly connect to your metamask or any other wallet
from the app through deep linking.

## Public Code Repo

{% embed  https://github.com/TakeASwing-420/Relife-frontend %}

---
{% embed  https://github.com/TakeASwing-420/Relife-backend %}

---


## Doc proposal
All details and figma template source credits are in the doc.

[project proposal](https://docs.google.com/document/d/1-2SMTYZdTMTLJYPSa_-AshxJiqmbLM1idNWm_fiOIMA/edit?usp=drive_link)
Using Custom Hooks in multiple React Components.
Tags: webdev, react, beginners, javascript
Published: 2024-04-20 09:36:39

For the longest time, I had a fundamental misunderstanding of how react hooks work, and I hope to correct that misunderstanding in this little rant.

#### What happens when a custom hook is called(multiple times)?
Using a single custom hook in more than one component essentially creates separate instances of that custom hook and the state it manages for the components that call it. So whatever one of the components do with the custom hook doesn’t affect the other. Essentially, it’s just like calling one function in more than one place in your program, the function object is essentially recreated in memory in those places it's invoked.

```javascript
// UsingCustomHooks.jsx

import { useCustomHook } from "./custom-hook.js"

const FirstComponent = () => {
	const { state, setState } = useCustomHook();

	console.log(state) // Output: Burn World😈!
	setState("Hello World😁")
	console.log(state) // Output: Hello World😁
}

const SecondComponent = () => {
	const { state } = useCustomHook();

	console.log(state) // Output: Burn World😈!
}
```

I think it's helpful to consider the behavior of the `useState()` hook in this scenario, calling the `useState()` hook in however many places in your app, or however many components doesn’t mean you get the same state value out of them even if all your `useState()` calls have the same variable names as long as they’re in their own function scopes/blocks, they don’t care about the next `useState()` call. 

These are my 2 bits😛. Be seeing you lot!