teleren/devto huggingface dataset:
Mahindra Zen
Tags: realestate, plotted, bangaloreplots, mahindrazenplots
Published: 2023-10-17 15:20:36

[**Mahindra Zen Real**](https://www.mahindrazen.org.in/) Estate doesn't just offer living spaces; it offers a complete lifestyle experience. The architecture is a harmonious blend of modernity and functionality, with a focus on maximizing natural light and ventilation. The buildings are designed to be energy-efficient, offering residents comfortable and cost-effective living.

A Range of Amenities

At Mahindra Zen, it's not just about the four walls; it's about the complete living experience. The project offers a wide array of amenities to cater to the diverse needs of its residents. From a well-equipped fitness center and swimming pool to a clubhouse and children's play area, there's something for everyone here. Additionally, dedicated spaces for outdoor sports and recreational activities make sure that there's never a dull moment in this vibrant community.

Smart and Secure Living

[**Mahindra Zen Location**](https://www.mahindrazen.org.in/location-map.html) takes the concept of smart living seriously. The project is equipped with state-of-the-art security systems to ensure the safety of its residents. From access control systems to CCTV surveillance, every aspect of security has been meticulously planned. Moreover, the integration of smart home technology allows residents to control various aspects of their homes with the touch of a button.

A Growing Investment

For those looking for a sound real estate investment, Mahindra Zen Real Estate is an attractive option. The Electronic City region continues to grow and evolve, making properties here a valuable asset. The brand name of Mahindra Lifespace Developers Limited adds to the reliability of the investment. Whether you plan to reside here or consider it an investment, Mahindra Zen presents a win-win opportunity.
REFER:
https://form.jotform.com/232863664945065
https://moz.com/community/q/user/mahindrazen
https://www.aparat.com/u_18213489/about
https://communities.acs.org/t5/Science-Discussions/Mahindra-Zen-apartment-project-exactly-located/td-p/92359
https://500px.com/p/mahindrazen
What is useState in React?
Tags: react, javascript, typescript, learning
Published: 2023-10-17 15:00:00

## useState

useState is a React hook used in functional components to manage and update component-specific state. It takes an initial value and returns an array with the current state value and a function to update that state. This allows you to handle dynamic data within your component, such as counters, form inputs, or any changing values.

![Hooks gif](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExemh2OHpmNHBlNm01djE2cDh3OTR5dTN5NzdldTlkbDBvdWoweGptZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3oKHWnvwhWK6yxNNXG/giphy.gif)

In my own experience as a React Dev, this hook is one of the hooks that I use the most. It's like we as a React Dev cannot live without it 😆

## How to Use State

useState is one of the simplest hook and a very useful one. Let's see how we can use it in our app

```typescript
export default function Home() {
  // const [getter, setter] = useState(optionalInitialState)
  const [count, setCount] = useState(0);

  // Using the state
  return <button>{count}</button>;
}
```

`useState` returns an array where the first item is the getter and the second item is the setter. useState can also take an initial state by passing your desired value as the params. It is a common practice to prefix the setter with `set` followed by the state name like the example above.

Using the state is like using a regular variable. You can just call it inside the component. If you want to use it inside the tags, then you have to wrap it inside a curly bracket.

Setter is a function to update our state. Updating a state will trigger a re-render to our component and the component's children. We shouldn't mutate our state without using the setter to maintain predictability, immutability, and proper performance. Let's see how we can use it.

```typescript
...
  <button onClick={() => setCount(1)}>Current number: {count}</button>
...
```

In the example above, we create a click event to set our state to 1. Great it works but, what if we want to keep incrementing it everytime we click the button? Easy, `setState` also accepts a callback as a parameter, we can also access the current state through the callback.

```typescript
...
  <button onClick={() => setCount((current) => current += 1)}>Current number: {count}</button>
...
```

There we have it! We accessed the current state through the setter and we return the new value for the state. To make it look cleaner and easier to manage, we can put the setter inside a function instead.

```typescript
...
  const handleIncrement = () => setCount((current) => (current += 1));
  return <button onClick={handleIncrement}>Current number: {count}</button>;
...
```

![We did it](https://media.tenor.com/oz5lssXIlfkAAAAC/sgn-we-did-it.gif)

## What's next?

Now that you have learned about useState, try creating some basic app and try to involve useState. If you have any question, feel free to drop a comment and if you liked this article, please give a like and follow me to get an update of this series.

Dadah~ 👋
Build and Deploy a Full-Stack E-Commerce: Next.js 13, React.js, Typescript, Tailwind, Prisma, Stripe
Tags: javascript, webdev, beginners, programming
Published: 2023-10-17 14:58:31

This comprehensive course teaches you how to build powerful ecommerce application from scratch using `Next.js`, `React`, `TypeScript`, `TailwindCSS`, `Prisma`, and `MongoDB`. From frontend design to backend infrastructure, you'll learn to create dynamic interfaces, handle data modeling and queries, implement user authentication, and deploy to production. Gain the skills to become a proficient full-stack JavaScript developer using this one project.

Features:
🖌️ Awesome UI in TailwindCSS
🛒 Complete Shopping Cart
🔐 Authentication with Google Login in Next Auth
💰 Payment Integration in Stripe
👀 Admin Dashboard
📉 Shop Statistics (Summary)
⬆️ Image Uploads in Firebase Storage
🔎 Search Functionality
👨‍👩‍👧‍👦 Product Categories
🔥 Product Rating
🛠️ Manage Products
🛠️ Manage Orders
🚀 Deployment

## Video Tutorial 👇
{% youtube g88HHFjuMm4 %}

✨ Source Codes: https://www.patreon.com/posts/next13-fullstack-86787700?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
✨ e-shop-assets: https://github.com/chaoocharles/e-shop-assets
✨ Playlist: https://youtube.com/playlist?list=PL63c_Ws9ecISwPzddQzQ671S_gzJA6M5z
✨ Follow Me on Twitter: https://twitter.com/ChaooCharles
✨ Join My Discord Server
https://discord.gg/WGqJ2CZebb
OPPO revela a los ganadores de los imagine
Published: 2023-10-17 14:56:38

OPPO se ha comprometido a ofrecer innovaciones en tecnología de imagen para smartphones que permitan a todo el mundo crear obras maestras atemporales. Su dispositivo [flagship](https://digitalreporterusa.com) más reciente, OPPO Find X6 Pro, ha cosechado considerables elogios entre los fotógrafos profesionales y los entusiastas de la [fotografía](https://digitalfoundational.com) desde su lanzamiento a principios de este año. Por si fuera poco, más del 80% de las fotografías [premiadas](https://detailfinancial.com) se tomaron con este excepcional dispositivo. Los premios de fotografía IF se lanzaron el 17 de abril y han recibido más de 700.000 candidaturas de 51 países y regiones. El [concurso](https://dailyenquire.com) pretende inspirar a los usuarios de OPPO y a los fotógrafos que utilizan smartphones para que superen los límites convencionales asociados a la fotografía móvil y den rienda suelta a su imaginación para crear obras maestras memorables.
Dongfeng GX crea más valor y se convierte en referencia para camiones
Published: 2023-10-17 14:49:48

La fiabilidad y la durabilidad siempre han sido las ventajas tradicionales de los [vehículos](https://detailfinancial.com) comerciales de Dongfeng. Desde la definición hasta la producción en masa, Dongfeng GX ha llevado a cabo todo el proceso y el control integral de la calidad de los [vehículos](https://digitalreporterusa.com), ha verificado las condiciones de trabajo reales de 10 millones de kilómetros de [usuarios](https://digitalfoundational.com), más del doble de proveedores de primera clase y ha controlado al 100% los 15 procesos de producción y entrega. La estabilidad de la carrocería del vehículo, el control de la presión de los neumáticos, la advertencia de cambio de carril, la advertencia de colisión [delantera](https://dailyenquire.com) y otros sistemas han creado una barrera protectora segura y fiable para el GX.
Using :source_location to unpack Rails magic 🪄🎁
Published: 2023-10-17 14:39:19

I just watched [Eileen Uchitelle - The Magic of Rails - Rails World 2023](https://www.youtube.com/watch?v=nvuPisDQ1hI) and picked up a new tool... [source_location](https://ruby-doc.org/core-2.4.1/Method.html#method-i-source_location)

This method "Returns the Ruby source filename and line number containing this method or nil if this method was not defined in Ruby (i.e. native)." What does this mean? Well, it helps demystify some of the magic of Rails, which often has something to do with Metaprogramming 👻.

There are a lot of methods that get defined at runtime, so it can be difficult to figure out where they are coming from. Let's say we have a model `Post` which `has_many :comments`. We don't define a `comments` method, we just say there is a 1 to many relationship. We can use `source_location` to dig a little deeper and find exactly how that method is defined.

```ruby
post = Post.first
post.method(:comments).source_location
=> ["rails/activerecord/lib/active_record/associations/builder/association.rb", 103]
```
Super cool right?

Next time you see a method and you don't understand how/where it was defined, try using `source_location`.
Cursor Tracking Sparkle like Canva. Magic cursor using javascript.
Tags: freecodez, react, html, blog
Published: 2023-10-17 14:19:40

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**Cursor Tracking Sparkle like Canva. Magic cursor using javascript.**

![Cursor Tracking Sparkle like Canva. Magic cursor using javascript.](https://res.cloudinary.com/freecodez/image/upload/v1697552375/images/uxwvokz3zpupvyamsggq.webp)

For full source code visit : [https://freecodez.com/post/b8xsfw2](https://freecodez.com/post/b8xsfw2)


```
<!-- https://freecodez.com -->

<div class="card" id="star-card"></div>

```

Source Code : [https://freecodez.com/post/b8xsfw2](https://freecodez.com/post/b8xsfw2)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
Linux Commands Part 1:
Tags: linux
Published: 2023-10-17 14:08:22

## fmt command:

`$ cat > fmt.txt
hai 
all welcome
to 
ILUGC
`
`$ cat fmt.txt
hai 
all welcome
to
ILUGC`

`$ fmt fmt.txt
hai all welcome to ILUGC
`
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3y96owehxxilvoaqllra.png)

## hostname:
`$ hostname
localmachine`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b7qpf3yh1vz8gkjvrhjk.png)
`$ hostname -I
192.168.1.100 192.168.122.1 172.17.0.1 
`
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ut39wftvyenuukg9bpv5.png)

`$ sudo hostname <new_hostname>`
**Example**:
`$ sudo hostname host`
**1.**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jhxapkl2jkn9oorig1mh.png)

**2.** 
- Enter the Password:

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

- close the terminal and again open the terminal:

_the hostname has been changed_

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

_to set the host as hostname_
`$ sudo hostname host`

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

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

## **locate command:**

- **find the file name quickly**

`$ sudo updatedb `

_once created the file after update db using below mention the command_

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

`$ locate fmt.txt
/home/muthukumar/fmt.txt`

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

- _i have created the one text file name of secret and then using `locate secret.txt` and hit the enter but location is not showing in my terminal why ? ..not showing in the location because in this file not update in the db . so you have used this command `sudo updatedb` then next you have using the command and check `secret.txt`_ 
Result Showing:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pvgm620ke52ptac5h36t.png)
AI Horror Story: Spook-tacular Project & Treats 🎃
Tags: ai, cloudcomputing, halloween
Published: 2023-10-17 14:03:51

AI tools continue to rise in popularity. Serverspace plans to harness them for creating distinctive user content. A compilation of words from users across all the cloud provider's operational countries will form the foundation for a narrative crafted and illustrated by artificial intelligence.

[Serverspace](https://serverspace.us/) has initiated a campaign in the lead-up to Halloween – every platform user has the opportunity to contribute a word/phrase, which will be incorporated into the **AI-crafted horror tale**. We offer the chance to co-author a horror narrative where artificial intelligence and humans collaborate as partners in text creation.

How to participate?

1. Navigate to the "AI Horror Story" section in the Serverspace control panel and click the "Suggest a Word" button.
2. Input any word/phrase and provide an email address for promo code distribution.*
3. Visit the "Blog" section on our website on October 30th to delve into the final Horror Story.
4. Receive a 15% cashback promo code on the same day.

*Our aim is to curate high-quality content; hence, all obscene language will be excluded from the selection.

The full information is on our website: [https://serverspace.us/about/blog/ai-horror-story/](https://serverspace.us/about/blog/ai-horror-story/)

Become part of the project! **Happy Halloween!**
Linksooon - Save. Share. Browse. All the amazing links.
Tags: website, community, webdev, javascript
Published: 2023-10-17 14:01:11

## Hi, I would like to present the beta version of the application I created last time. I hope you will find it useful and I would appreciate any feedback and tips on what I should improve. 😋

---


**Linksooon** is designed to help you organize, share, and explore links in a way that keeps you updated and informed.


The main goal of the Linksooon application is to empower users to share interesting and useful links that they discover and want to save. At the core of this experience is the concept of Linksooon Points, which plays a pivotal role in making link sharing more rewarding and engaging.


**Starting with 20 Linksooons (points):** When you join Linksooon, you kick off your journey with a gift of 20 Linksooons.

**Cost of Saving a Link:** Saving a link to your collection costs you _1 Linksooon_.

**Earning Points by Sharing:** Each time you share a link with the Linksooon community by changing its status to "published," you earn _2 Linksooons_. This means the more you contribute and share valuable content, the more points you accumulate!


These points not only reflect your engagement within the platform but are also part of a bigger plan. I'm collecting data on the total points earned by users to explore opportunities for enhancing the application with exciting new features in future updates.

---


Note that Linksooon is currently in beta. This means that the platform is evolving and user feedback is invaluable. Feel free to write suggestions in the comments.


And most importantly, here is the link: https://linksooon.vercel.app/ 🚀
Soroswap: Bridging Wallets, Indexing, and Decentralized Protocols
Tags: soroban, stellar, blockchain, defi
Published: 2023-10-17 13:47:05

In the article that follows, we'll explore **10 potential collaborations** that could emerge from this SCF initiative, either presently or down the line.

We work with indexing solutions like **SubQuery** and **Mercury**, which offer quick access to blockchain data without having to trawl through the entire transaction history. Our focus is on speedy, easy-to-digest information to identify optimal trading routes for users. We're actively contributing to their development by offering constructive feedback.

Additionally, we may partner with wallet services like **Meru, Beans App, CashAbroad, and Decaf**. These platforms might be interested in allowing their users to hold various assets in the Soroban ecosystem or to open savings accounts via liquidity provision in the Soroswap protocol. Our role is to develop software that these wallets can easily integrate into their existing operations.

**Slender and SStream**, both decentralized protocols, aim to innovate financial transactions in unique ways. Slender, built on the Soroban framework, focuses on peer-to-peer lending with fluctuating interest rates dictated by market conditions. It could also expand its utility by allowing users to use LP tokens from Soroswap as collateral or enable token conversions post-borrowing. Similarly, SStream, designed for continuous payment streams, could allow immediate token conversion using Soroswap. Both platforms could benefit from a SDK for seamless front-end integration and/or  immediate utilization of Soroswap post-contract interactions.

**Axelar** is focused on enabling interoperability between different blockchains. They have expressed interest in integrating with our platform as a way to introduce new users from other networks to Soroswap.

For **Haciendo Stellar**, our best collaborative approach involves crafting educational content about Soroswap and Soroban, specifically tailored for the Spanish-speaking audience, as we have several native Spanish-speaking developers at Paltalabs.
Hacktoberfest23
Tags: hacktoberfest23
Published: 2023-10-17 13:44:55

### Intro
Hey there, I'm Saurabh Kumar, and I'm excited to be part of the DEV community and participate in Hacktoberfest this year. As a software enthusiast, I've been following DEV for a while now, and I finally decided to join to share my knowledge, learn from others, and engage in open source contributions.

### Background
I'm relatively new to Hacktoberfest but not to coding. I've been coding for a few years, working on personal projects and contributing to open source initiatives. It's been an incredible journey filled with learning and growth. I've always been fascinated by the power of open source and the collaborative nature of software development. DEV is the perfect platform to connect with like-minded individuals and share our experiences.

### Pledge
My goal for this Hacktoberfest is to continue my journey of learning and contributing to open source. I see this as a great opportunity to give back to the community and sharpen my skills. I'll be both a contributor and a maintainer, depending on the project's needs.

As a contributor, I aim to:

1. Contribute to at least four different open source projects, helping fix bugs or add new features.
2. Enhance my coding skills, particularly in languages and frameworks that I'm not as familiar with.
3. Learn from others and collaborate effectively with the open source community.

I'm looking forward to this Hacktoberfest as an opportunity to grow, give back, and connect with fellow developers. Let's make this October a month of meaningful contributions and learning! 🚀✨
How can UpGro Digital assist businesses in generating leads through website development?
Tags: discuss, business, website, development
Published: 2023-10-17 13:38:33

UpGro Digital, a respected digital marketing agency in Saudi Arabia, recognizes the significance of quality lead generation for business success. They offer comprehensive solutions for business website development that are geared towards driving lead generation. Their approach involves creating engaging, user-friendly websites optimized for lead capture, strategically placing lead capture forms and call-to-action buttons, implementing SEO techniques to boost website visibility, utilizing content marketing to attract potential leads, and employing lead magnet strategies to incentivize visitor contact information. UpGro Digital's expertise in these areas helps [businesses enhance their online presence and convert website visitors into valuable leads in Saudi Arabia](https://upgrodigital.net/corporate-business-website-development/).
What are you reading now? (plus a photo of my cat)
Tags: books, architecture, frontend, productivity
Published: 2023-10-17 13:37:36

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b752fi0sczuuo1921sw.jpeg)

This is my cat, [Niels] Bohr, resting over my current read: 

> **Building Micro-Frontends.** Scalling Teams and Projects, Empowering Developers. By Luca Mezzalira. O'Reilly, 2022.

Why am I reading it? More than just curiosity, which is the usual reason for reading, I think this book will give us valuable lessons on how to structure the architecture of [Webcrumbs](https://github.com/webcrumbs-community/webcrumbs).

I love a good book recommendations. If you have any, I'd love to know. Drop a comment below.

Cheers!

{% embed https://github.com/webcrumbs-community/webcrumbs %}
How to setup Redis Cloud in Node.js, Server side caching
Tags: freecodez, react, html, blog
Published: 2023-10-17 13:22:48

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**How to setup Redis Cloud in Node.js, Server side caching**

![How to setup Redis Cloud in Node.js, Server side caching](https://res.cloudinary.com/freecodez/image/upload/v1697548968/images/lo9lq4rruiw5zjjoymw3.webp)

For full source code visit : [https://freecodez.com/post/lknfdx4](https://freecodez.com/post/lknfdx4)


```

```

Source Code : [https://freecodez.com/post/lknfdx4](https://freecodez.com/post/lknfdx4)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)