in? Let's blow up an air conditioner!

Recently, have you seen this fun and magical "portable small air conditioner" in your circle of friends?

Although the project is very concise, it has all the internal organs: it is not only equipped with a "professional" air conditioner and remote control, combined with realistic sound effects, it seems that there is a gentle breeze coming~

According to the author, this small project has many advantages:

• Turn on the air conditioner anytime, anywhere
• Portable
• Low power consumption (use HTML CSS instead of Canvas for drawing)
• Mute
• easy to use
• Easy to install

The only disadvantage is: no wind

The project is currently open source. In this increasingly hot summer, this small project brings a touch of coolness to users through the flow of consciousness air conditioning + cool humor.

So the question is, do you also want to quickly "install" your own small air conditioner?

simple! "one-click deployment" launched by Cloud Development to build the site, borrow the underlying cloud development capabilities and the integrated deployment tool CloudBase Framework , no need to write code, just a simple configuration can "install" the small air conditioner to your " "Home" (in the cloud development environment). How to install it? Please see:

Step 1 Enter the page and click "Deploy to Cloud Development"

Page address: https://github.com/TencentCloudBase-Marketplace/air-conditioner

Step 2 logging into the cloud development console , in the pop-up window, select the cloud development environment that you want to deploy to.

Complete application configuration:

Step 3 Wait for a few minutes, and the application is deployed! Click the "Access" button to open your website, and you can also perform operations such as management and uninstall .

At this point, the deployment of a project is completed. In addition to small air-conditioning projects, Cloud Development also provides a series of mainstream project templates for developers to deploy with one click:

Project author:
, student, front-end developer, amateur open source , public account of the same name principal.

The original address of the project: https://github.com/YunYouJun/air-conditioner

Small interview with the author of the project

Q: Let’s briefly introduce myself~

Yunyoujun: Hi, I am Yunyoujun. He is now a graduate student in Zhongchuan, and is about to work as an intern at Tencent. My current main direction is front-end development. I like what you see is what you get. I believe everything that can run in the cloud will appear in the cloud. Love open source, like all interesting things, and hope that amateurs can create more fun things with their own hands!

Q: The small air-conditioning project you created has been loved by many people. Can you briefly describe the background and source of inspiration?

Yunyoujun: It may start with CSS: A few years ago, I wrote an online electric fan (also open source) to practice CSS animation. Of course, it is limited by technology and design ability, and it can be said to be very lacking in aesthetics.

Later, I thought of it: What else is there in summer? That's right, that is "air conditioning". This is the origin of the "cloud air conditioner".

Q: It seems to be the result of interest + flash of inspiration~ Can you introduce the idea of technical realization?

Yunyoujun: In terms of technical implementation: because the original intention was a toy project, I usually like to use my least skilled technology to complete it and learn some things through it, so its code may not be the most elegant way .

As a result, the technology selection is set to React + Material-UI. In terms of specific implementation, it is not difficult to say that it is simple, and it is indeed a lot of effort to say that it is simple. Apart from the cold humor that comes with the project itself, the biggest highlight must be the pure CSS drawing, such as energy efficiency labels. Of course, this is essentially a hard work, facing the real energy efficiency labels, with the framework's loop syntax, drawing them one by one with CSS.

It is worth mentioning that this project has also produced some help for my interview, plus it can bring happiness to some people. In general, it is quite meaningful personally.

Q: Finally, let me talk about your views on one-click deployment of cloud development~

Yunyoujun: After the small air conditioner went on fire, many students who were new to programming came to ask how to run the code and how to deploy it. For Xiaobai, he even started researching from where and how to configure the local environment, which led to the efficiency of both answering questions and learning. not tall.

With the one-click deployment of cloud development, you can automatically use the deployment and hosting capabilities of cloud development to quickly generate your own small air conditioning project, and then reverse and research technical details from the formed project, and then learn and learn related knowledge. It is a very useful way of thinking!

Finally, I welcome everyone to pay more attention to my personal website yunyoujun.cn and the one-click deployment of cloud development. I hope that the application market can introduce more rich application templates to bring happiness/convenience to everyone.

Welfare Eggs

According to the above deployment tutorial, use cloud development to deploy one

Your "little air conditioner" or any application

Send the deployed website address to: public

You can receive a WeChat reading card (one per person, limited number)

Cloud development and site construction special

Free operation and maintenance, low cost, high flexibility

Easily build an independent brand website in 5 minutes

Website address: https://cloud.tencent.com/act/pro/hosting01

product description

Cloud Development (Tencent CloudBase, TCB) is a cloud-native integrated development environment and tool platform provided by Tencent Cloud. It provides developers with highly available, automatically and elastically scalable back-end cloud services, including serverless capabilities such as computing, storage, and hosting. , Can be used for cloud integration to develop a variety of end applications (small programs, official accounts, web applications, Flutter clients, etc.) to help developers build and manage back-end services and cloud resources in a unified manner, avoiding cumbersome servers in the application development process With construction and operation and maintenance, developers can focus on the realization of business logic, with lower development thresholds and higher efficiency.
Open cloud development: https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
Product documentation: https://cloud.tencent.com/product/tcb?from=12763
Technical documentation: https://cloudbase.net?from=10004
Technical exchange group, latest information, follow WeChat public account [Developed by Tencent Cloud Cloud]