teleren/devto huggingface dataset:
Django custom commands
Tags: testing
Published: 2022-03-23 06:56:38

# Steps to integrate Razorpay 

* Setting up Razorpay account.

* Storing API keys in settings.py

* Installing Razorpay library.

* Creating order using Razorpay API.

* Creating order at backend and also creating Razorpay order.

	* Show template

	* render to payment.html

	* Get info of call back URL

	* Done with creating an order.

### **Uploading a File**

There are three ways you can upload a file:

- From an `Object` instance

- From a `Bucket` instance

- From the `client`

In each case, you have to provide the `Filename`, which is the path of the file you want to upload. You’ll now explore the three alternatives. Feel free to pick whichever you like most to upload the `first_file_name` to S3.

{% gist https://gist.github.com/Nishant127/13898538d35a024b4d93a592b1b4a6ea %}

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpntf9vd9q.png)

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmp5ofvg6vz.png)

💡 Testing call out block
How to work with your programming mentor
Tags: beginners, mentorship, programming
Published: 2022-03-23 06:50:26

Having access to a more experienced programmer who wants to help you grow professionally can speed up your progress. Maybe they are:

* a friendly senior colleague on the job,
* a helpful friend, or
* an external mentor—free or paid

How can you make sure you get the most from this help?



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

Senior JS developer

## Bring your real-world problems

Your mentor has much more experience in the workforce than you. They can share their insights with you—as long as you bring the issues that trouble you. So, for example:

* if you are facing some technical challenge, they can recommend alternative approaches to you, or
* if you clash with some work colleague, they can evaluate the situation and help you figure out how to address it in the future, or
* if you are overwhelmed with options for a library, they can help you pick and commit to one of the options, or
* if your work situation isn’t great, they can help you prepare salary negotiation or look for a new job. For this one, it’s probably better for this mentor to be someone outside of your current company.

## Do your homework

Mentoring is fun if the mentee—you—is receptive. Pay attention to the recommendations from your mentor. If they recommend an article, read it. If they recommend a book or course, get a copy and follow it. If you get feedback on the code review, at least engage with the proposition: discuss its pros and cons, even if there is no time to follow it.



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

Treat your mentor the same as you would treat an owl.

## While studying

If you don’t have real-world problems from work, you can try creating some. While working on a [personal project](https://how-to.dev/how-to-learn-while-working-on-personal-projects), you can ask your mentor to review your code. It would be best to work in public. The workflow you could use is:

1. You do the first implementation on your own
2. Your mentor gives you some feedback
3. You implement the feedback.

Doing it in public gives three strong signals to a potential employer:
* you are dedicated enough to deliver some project
* you have external help and will not depend only on the employers’ resources to progress
* you show off how well you take and implement feedback

## What about you?

What has been your experience with mentoring so far? Share your story in the comments!
Odoo REST API - Synconics
Tags: restapi, odoorestapi, odooapps, odooerpsystem
Published: 2022-03-23 06:49:47


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


The RESTful API that accesses Odoo using standard HTTP GET, PUT, POST, and DELETE methods and a simple JSON input and output format.


It uses both the OAuth1 and OAuth2 protocols to authenticate 3rd party applications.

**Odoo REST API:**
Our Odoo REST API Reference houses a lot of information, but doesn't always tell you how you should use it.

If you want to built apps and other integrations for the Odoo, this tutorial will walk you through what is required to authenticate and make basic API calls.
**
Get the module**
The module restapi is available on Synconics App Store, Here are links for:

Version 12.0 (Community & Enterprise)
Version 13.0 (Community & Enterprise)
Version 14.0 (Community & Enterprise)
Version 15.0 (Community & Enterprise)

For Need Any Help / More Features **Contact Us**.
**E-mail:** contact@synconics.com
**Skype:** synconics.technologies
**WhatsApp:** +91-9426864274
**Visit Us:** https://www.synconics.com/
**Buy Now :** https://store.synconics.com/shop/odoo-apps-rest-api-885#attr=462,698
CSS Logos: Hashnode logo
Tags: css
Published: 2022-03-23 06:42:59

I wanted to start this CSS challenge a while ago by recreating some fantastic logos in CSS only.

I'll be starting with Hashnode, as I re-created this recently for the CSS Hashnode challenge.

[See my result of the challenge here](https://daily-dev-tips.pages.dev/posts/hashnode-is-taking-over-the-world/)

## Analysing the logo

While looking at the logo, we can quickly see a rounded square with a hole in it.

![Hashnode logo](https://cdn.hashnode.com/res/hashnode/image/upload/v1647152709324/BgqHEiR8w.png)

This sounds easy enough.
However, one thing will make it a bit more complicated.

This is the fact that making the whole see-through can be pretty tricky.

So let's split this up into two sections, one in which we'll make it with a solid color and one that is see-through.

## CSS Hashnode logo

We first have to start by creating the rounded square that is rotated a bit.

For the HTML, we'll be using one div with the class `hashnode`.

```css
.hashnode {
  width: 5em;
  aspect-ratio: 1;
  border-radius: 1.25em;
  background: #2962ff;
  transform: rotate(45deg);
}
```

Using the aspect ratio, we make sure the logo is square. We also rotate it by 45 degrees, so it has the same position.
At this point, you should have a block looking like this.

![Hashnode outline](https://cdn.hashnode.com/res/hashnode/image/upload/v1647153158198/ocqpgbvWV.png)

Now we can leverage the before element to add the white dot on top of this.

```css
&:before {
  content: '';
  border-radius: 50%;
  background: white;
  height: 2em;
  aspect-ratio: 1;
}
```

And with this, we get a simple round shape. To center the round element, we can add the following two elements to our main wrapper div.

```css
.hashnode {
  display: grid;
  place-items: center;
}
```

And there you go, you should now have the following result:

{% codepen https://codepen.io/rebelchris/pen/yLpLKPG %}

## CSS see-through Hashnode logo

The main issue with the above solution is that we can't have anything in the background as it would not show through.

So let's try and change that.

The main setup will be the exact same as the above solution:

```css
.hashnode {
  width: 5em;
  aspect-ratio: 1;
  border-radius: 1.25em;
  background: #2962ff;
  transform: rotate(45deg);
}
```

Then we can leverage a mask to mask out the middle section.

```css
-webkit-mask: radial-gradient(#0000 28%, #000 28%);
mask: radial-gradient(#0000 28%, #000 28%);
```

This will mask out the center element, so we can add a background and see what happens.

{% codepen https://codepen.io/rebelchris/pen/MWrWVQL %}

As you can see in the CodePen above, the background shows through the logo, excellent!
The mask option is a powerful tool to mask out parts of your elements.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
ภารกิจ Tour of Go ภาษาไทย
Published: 2022-03-20 05:01:08

การแปล Tour of Go เป็นภาษาไทย มีความท้าทายอยู่หลายเรื่อง ถ้าจะนับตั้งแต่ครั้งแรกที่คิดจะทำ

1. แปลให้อ่านรู้เรื่อง
2. เอาไป merge กับชาวโลก
3. deploy เข้า app engine

ใน 3 เรื่องนี้ ทุกวันนี้ข้อ 3 ยังวนเวียนมาสร้างความเวียนหัวให้ผมอยู่เรื่อยๆ โดยเฉพาะ 2ปีหลังมานี้ เพราะว่า Go เองก็มีการเปลี่ยนแปลงหลายๆเรื่อง ไม่ว่าจะเป็นการเปลี่ยน Theme ของ website ทั้งหมด และตัว source code ที่เก็บ Tour เองก็มีการเปลี่ยนแปลงอีกหลายอย่าง เช่น ย้าย repo ไปที่ใหม่ ไปจนถึงเปลี่ยนแปลงโครงสร้างของ code ไปยันวิธีการ deploy ก็เปลี่ยน และล่าสุดการมาของ Generics นอกจากจะเพิ่มเนื้อหาเข้าไปแล้ว ก็ยังมีเปลี่ยนโครงสร้าง code ไปอีกไกลมาก

วันนี้ก็เลยต้องมาบันทึกการแก้ไขเอาไว้ เพราะผมก็เหนื่อยเหมือนกัน 😅 ที่ต้องมา hack มันใหม่ทุกรอบ

ซึ่งก่อนหน้านี้ก็ยังแอบภูมิใจอยู่ว่า เราเป็น Tour ภาษาเดียวที่ไม่นับต้นฉบับ ที่สามารถใช้ Theme เดียวกับต้นฉบับได้อยู่ระยะหนึ่ง เหตุก็เพราะว่า มันต้อง hack และคงไม่ค่อยมีใครมาเสียเวลาอะไรแบบนี้เหมือนผม 🤣

เอาละ มาเริ่มกันเลยว่า ปัญหาการ deploy มันมีอะไรต้องทำบ้าง

1 คำสั่งที่จะใช้ run เฉพาะ Tour

เนื่องจากการเปลี่ยนแปลงครั้งใหญ่ก่อนหน้านี้อย่างหนึ่ง คือการรวบรวมเอา web site  ที่เป็น official ของ Go เข้ามาไว้ด้วยกันที่ repo ใหม่ https://github.com/golang/website
ตัว repo นี้เวลาที่เรา run command มันจะได้ web site ทั้งหมดของ Go โดย Tour จะเป็น path หนึ่งของเขาคือ /tour อีกที

ข้อนี้เป็นปัญหาแรก เพราะเราจะเอาเฉพาะ Tour มา deploy ใน App Engine ของเรา แบบอยากให้เข้ามาแล้วเจอ Tour เลยตั้งแต่หน้าแรก ข้อนี้ผมก็เลยต้องไปตามหาคำสั่งที่ต้องการให้เจอ ซึ่งก็ไม่ได้ยากมาก

จากปกติต้องใช้คำสั่ง

```sh
go run ./cmd/golangorg
```

ตามคู่มือในหน้า README แต่ถ้าไปดูที่ dir /tour เองมันก็มีไฟล์ main.go อยู่เหมือนกัน และมันก็สามารถไป `go run main.go` ในนั้นตรงเลยก็ได้ แล้วมันก็เปิดอ่านใน local เครื่องเราเองได้เลย อันนี้ก็ถือว่าหาเจอแล้ว

2 เมื่อเจอแล้วจะ deploy ไปที่ App Engine ยังไง

ข้อนี้เราเลยต้องเพิ่มไฟล์ app.yaml ลงไปใน /tour เอง ซึ่งโชคดีที่มั่วไปมั่วมาก็ได้ท่าง่ายสุดๆเลย

```yaml
runtime: go116
main: ./tour

handlers:
  - url: /.*
    script: auto
    secure: always
```

ถึงจุดนี้ เราสามารถเอา Tour ขึ้น GAE ได้แล้ว แต่ก็ยังติดอีกปัญหาใหญ่คือ ทุกๆหน้าของ Tour จะไม่สามารถกด Run โปรแกรมตัวอย่างได้เลย ซึ่งข้อนี้นำมาซึ่ง ปัญหาที่ 3

3 แก้เรื่อง Run โปรแกรม

ข้อนี้ผมแก้ด้วยการไปเพิ่ม ของในไฟล์ `internal/proxy/proxy.go`

```go
func RegisterHandlers(mux *http.ServeMux) {
	for _, host := range []string{"golang.org", "go.dev/_", "golang.google.cn", "go-tour-th.appspot.com/_"} {
		mux.HandleFunc(host+"/compile", compile)
		if host != "golang.google.cn" {
			mux.HandleFunc(host+"/share", share)
		}
		mux.HandleFunc(host+"/fmt", fmtHandler)
	}
}
```

โดยเติม host ของภาษาไทยลงไปดื้อๆเลย "go-tour-th.appspot.com/_" ค่านี้นะครับ

จากนั้นก็ไปเพิ่ม code อีกจุดใน `internal/tour/local.go`

```go
proxy.RegisterHandlers(mux)
```

ผมเดาว่านี่คือบทสรุปหลังจากที่มั่วไปหลายอย่าง และถ้าให้กลับมาทำใหม่อีกทีก็จะงงว่าทำไปได้ไง เอาเป็นว่า โคตรมั่วเลยละกันครับ

ผมเขียนสิ่งนี้ไว้บอกตัวเองในอนาคตว่าต้องไปทำอะไรบ้าง ถ้าเผื่อดันไปเผลอลบ repo ซะก่อน
Weekly web development resources #114
Tags: weekly, webdev
Published: 2022-03-23 06:33:58



______

##[Tailymate](https://www.tailymate.com/)
[![Tailymate](https://wweb.dev/weekly/content/114/tailymate.jpg)](https://www.tailymate.com/)
A great collection of animations and components for TailwindCSS.

______

##[Avvvatars](https://avvvatars.com/)
[![Avvvatars](https://wweb.dev/weekly/content/114/avvvatars.jpg)](https://avvvatars.com/)
A cool open-source React library to generate unique avatars.

______

##[Turbulent Buttons](https://codepen.io/cobra_winfrey/pen/popvOBJ)
[![Turbulent Buttons](https://wweb.dev/weekly/content/114/buttons.jpg)](https://codepen.io/cobra_winfrey/pen/popvOBJ)
A Codepen button demo with an interesting flow.

______

##[Oh-heck](https://oh-heck.dev/)
[![Oh-heck](https://wweb.dev/weekly/content/114/ohheck.jpg)](https://oh-heck.dev/)
A cool CLI tool to help you find the command you're searching for.

______

##[Addy Codes Toolkit](https://toolkit.addy.codes/)
[![Addy Codes Toolkit](https://wweb.dev/weekly/content/114/addy-codes.jpg)](https://toolkit.addy.codes/)
A collection hand-picked tools & resources for web designers & developers.

______

##[jless](https://jless.io/)
[![jless](https://wweb.dev/weekly/content/114/jless.jpg)](https://jless.io/)
A command-line JSON viewer designed for reading, exploring, and searching through JSON data. 

______

##[Regex-Vis](https://regex-vis.com/)
[![Regex-Vis](https://wweb.dev/weekly/content/114/regex.jpg)](https://regex-vis.com/)
A tool to visualize, edit and tests regex online.

______

##[Metrics](https://github.com/lowlighter/metrics)
[![Metrics](https://wweb.dev/weekly/content/114/metrics.jpg)](https://github.com/lowlighter/metrics)
A tool to generate metrics that can be embedded everywhere.

______

##[Preview.js](https://github.com/fwouts/previewjs)
[![Preview.js](https://wweb.dev/weekly/content/114/previewjs.jpg)](https://github.com/fwouts/previewjs)
An extension for VS Code and IntelliJ/WebStorm that lets you preview Vue and React components instantly.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
Augmented Reality Will Become More Mainstream
Tags: augmentedrealit, virtualreality
Published: 2022-03-23 06:29:51

To be honest, I would not be so surprised if there is a shift in modern [VR / AR technology](https://externlabs.com/blogs/augmented-reality-vs-virtual-reality/) over the next decade or so; and we transfer large headsets and cheap 3D or 360 displays to Extra, Ultra Hi-Def, holographic real-time displays. I'm talking about 8k or more of photos.


The next step is to transform the technology we currently have into smaller screens - such as the one in which the "contact lens" is inserted into your eye that allows you to see the "HUD" that remains.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omunkqery56avl9fs384.jpg)
How To Check Empty, Null, and Undefined Variables in Javascript / jQuery?
Tags: javascript, jquery, php, mysql
Published: 2022-03-23 06:28:39

Originally posted @ https://codeanddeploy.com visit and download the sample code: https://codeanddeploy.com/blog/jquery/how-to-check-empty-null-and-undefined-variables-in-javascript-jquery

[![Advanced Laravel SAAS Starter Kit with CRUD Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyjyev8tz3r8vi2w3on1.png)](https://1.envato.market/5g5QAn)

[Advanced Laravel SAAS Starter Kit with CRUD Generator - GET YOUR COPY NOW!](https://1.envato.market/5g5QAn)


In this post, I will share a basic code in **Javascript/jQuery that checks the empty, null, and undefined variables**. If you using javascript/jquery usually you need to check if the variable given is not empty, nulled, or undefined before using it to your function. Because if you don't validate your variables it could cause an error to your javascript code.

## Check empty variable


In this example, I have an **if statement** in javascript that will check the variable is empty.

```php
var a = '';

if(a == ''){
  console.log('Empty');
}
```

## Check null variable

In this example, it will check the nulled variable before executing it.

```php
var a = 'codeanddeploy';

if(a == null || a == NULL){
  console.log('Nulled');
}
 
```

## Check undefined variable
As you can see below, I used **typeof()** function in javascript to determine variable data type.

```php
if(typeof a == "undefined"){
   console.log('undefined');
}
```
I hope this tutorial can help you. Kindly visit here https://codeanddeploy.com/blog/jquery/how-to-check-empty-null-and-undefined-variables-in-javascript-jquery if you want to download this code.

[![Advanced Laravel SAAS Starter Kit with CRUD Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyjyev8tz3r8vi2w3on1.png)](https://1.envato.market/5g5QAn)

[Advanced Laravel SAAS Starter Kit with CRUD Generator - GET YOUR COPY NOW!](https://1.envato.market/5g5QAn)

Happy coding :)
3 Method To Get Selected Radio Button Value in jQuery
Tags: jquery, javascript, php, mysql
Published: 2022-03-23 06:24:15

Originally posted @ https://codeanddeploy.com visit and download the sample code: https://codeanddeploy.com/blog/jquery/3-method-to-get-selected-radio-button-value-in-jquery

[![Advanced Laravel SAAS Starter Kit with CRUD Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyjyev8tz3r8vi2w3on1.png)](https://1.envato.market/5g5QAn)

[Advanced Laravel SAAS Starter Kit with CRUD Generator - GET YOUR COPY NOW!](https://1.envato.market/5g5QAn)


Do want to add radio button to your form but don't have any idea how to get the value using jquery? This post is for you I will share 3 methods on how to get the radio button selected value when clicking the button event.


## First Method

Getting radio button value using class

```php
// Method #1 - Getting radio selected using class
$("#btnSubmit1").on("click", function() {
	var membership = $(".membership1:checked").val();

	alert(membership);
});
```

## Second Method


Getting radio button selected value using **attribute name with value**



```php
// Method #2 - Getting radio selected value using attribute name & value
$("#btnSubmit2").on("click", function() {
	var membership = $("[name=\"membership2\"]:checked").val();

	alert(membership);
});
```

## Third Method

Getting radio selected value using **attribute type & value** "[name=\"radio\"]:checked"

```php
// Method #3 - Getting radio selected value using attribute type & value "[name=\"radio\"]:checked"
$("#btnSubmit3").on("click", function() {
	var membership = $("[type=\"radio\"]:checked").val();

	alert(membership);
});
```
Take note that the third method is reading all the radio button within the page better to call the radio button element using method #1 and #2. I hope this tutorial can help you. Kindly visit here https://codeanddeploy.com/blog/jquery/3-method-to-get-selected-radio-button-value-in-jquery if you want to download this code.

[![Advanced Laravel SAAS Starter Kit with CRUD Generator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wyjyev8tz3r8vi2w3on1.png)](https://1.envato.market/5g5QAn)

[Advanced Laravel SAAS Starter Kit with CRUD Generator - GET YOUR COPY NOW!](https://1.envato.market/5g5QAn)


Happy coding :)
Updated format testing (uat testing)
Tags: uat
Published: 2022-03-23 06:19:58

# Steps to integrate Razorpay 

Update feature testing after updating blog structure.

* Setting up Razorpay account.

* Storing API keys in settings.py

* Installing Razorpay library.

* Creating order using Razorpay API.

* Creating order at backend and also creating Razorpay order.

	* Show template

	* render to payment.html

	* Get info of call back URL

	* Done with creating an order.

### **Uploading a File**

There are three ways you can upload a file:

- From an `Object` instance

- From a `Bucket` instance

- From the `client`

In each case, you have to provide the `Filename`, which is the path of the file you want to upload. You’ll now explore the three alternatives. Feel free to pick whichever you like most to upload the `first_file_name` to S3.

{% gist https://gist.github.com/Nishant127/13898538d35a024b4d93a592b1b4a6ea %}

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpmdj0mlva.png)

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpx35brs5m.png)

💡 Testing call out block
Updated blog testing for update feature
Tags: testing
Published: 2022-03-23 06:19:07

# Steps to integrate Razorpay 

* Setting up Razorpay account.

* Storing API keys in settings.py

* Installing Razorpay library.

* Creating order using Razorpay API.

* Creating order at backend and also creating Razorpay order.

	* Show template

	* render to payment.html

	* Get info of call back URL

	* Done with creating an order.

### **Uploading a File**

There are three ways you can upload a file:

- From an `Object` instance

- From a `Bucket` instance

- From the `client`

In each case, you have to provide the `Filename`, which is the path of the file you want to upload. You’ll now explore the three alternatives. Feel free to pick whichever you like most to upload the `first_file_name` to S3.

{% gist https://gist.github.com/Nishant127/13898538d35a024b4d93a592b1b4a6ea %}

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpbkjbyiba.png)

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpe24rccqh.png)

💡 Testing call out block
I recommend Clojure as the first programming language to learn for beginners.
Tags: clojure, lisp
Published: 2022-03-23 06:13:10

---
title: I recommend Clojure as the first programming language to learn for beginners.
published: true
description: 
tags: clojure,lisp
//cover_image: https://direct_url_to_image.jpg
---

I recommend Clojure as the _first_ programming language to learn for _beginners_. I recommend ["Poetry of Programming"](https://egri-nagy.github.io/popbook/PoP.pdf) as the first book for learning Clojure. I recommend ["Clojure for the Brave and True"](https://braveclojure.com) as the second book for learning Clojure.
Changing the Work/Study Environment
Tags: remote, devjournal
Published: 2022-03-23 06:05:33

Where do you prefer to study/work when you aren't in classes/in the office?

As comfortable as it has been being productive in the comforts of our own homes during the pandemic while everything is remote, a change of scenery is welcomed to give us a breath of fresh air, get creative juices flowing, uplift our moods, etc. For some, the house is not ideal for getting work done. So, what are the other options?

### A friendly home
Whether it's a family member, coworker, or friend nearby, a home with a firm dining room table and some home cooked food could be the inspiration you need to pull those long hours. You would also be able to work alongside some overdue company.

### Coffee shops
Do you love the smell of freshly brewed coffee each morning? Why not go somewhere that the scent fills the rooms all day? As long as you do not mind the crowds going in and out during busier hours, you could get some great work done with your favorite beverage in your hand. Note: some noise-cancelling earphones can help with the noise

### An empty classroom
Stuck at school? There's likely an empty classroom nearby that isn't being used between classes. It's a great place to study in peace, charge your devices, or simply eat lunch and relax for a minute.

### Tutoring/Study Centers
Another place to study on campus would be at various study centers. There is likely to be one specific to your department and one for general usage. If you need help with your materials, you can look up the hours for the services provided at your location.

### The library
Ahh, yes. The peace and quiet inside the library walls. It's the perfect place to study in silence if you prefer a quiet space to concentrate. With books on various materials inches away, you have unlimited knowledge in the palm of your hand.

### Bookstores
Everyone in the store is typically reading, educating themselves, and learning something new. Bookstores are very suitable for studying and focusing since they are reasonably quiet. It's the mid-point of noise level between coffee shops and libraries.

### The park
While some like being indoors, studying outdoors is always an option. Just remember, you probably won't have somewhere to charge your devices available so go prepared. Studying at a park table, bench, or picnic area can boost your mood and inspire creativity. Being in nature may calm your mind and help you relax from the stresses during the week as well.

### Conclusion
There are many places you can get your work done outside of your workstation at home. A change of pace might be exactly what you need to lighten your mood, help you with burnout, give you a breather, and more!

Where is your favorite place to be proactively productive? I've been loving the library atmosphere these days.

Happy coding!