teleren/devto huggingface dataset:
Build with Blobs: Log
Tags: netlifychallenge
Published: 2024-05-13 06:57:01

This is a submission for the Netlify Dynamic Site Challenge: Build with Blobs.

#What I Built

Log is a mix of habit tracker, sleep log, and time keeping software. The goal is to log your life as seamlessly as possible and gain insights. You can have a snapshot of your time and see patterns. I would have wanted to do a lot more but one week is not a lot of time. I was able to implement four different types of logging methods. The app has full cloud storage using Netlify Blobs as the a sort of database. The app can work in offline mode, or even the polar opposite you can share logs with other. However this feature is untested and does not have any nice ui.

You should check it out. You can create an account to save your data to the cloud or use it locally without needing to sign up.

https://tranquil-frangollo-dde449.netlify.app/

#Instructions to use
**Horizontal Timeline view** - shows a timeline of the past day for a certain activity. Click play when you start doing the activity and pause then you stop. A section wall appear on the timeline overtime
**Vertical Zig Zag Timeline view** - like a horizontal timeline but shows a lot more time. Lots of little vertical sections each shows a day. Click play when you start doing the activity and pause then you stop. This can be useful for something like sleep, to see patterns over time and compare day to day
**Dots Timeline view** - a timeline of the past day that shows a dot every time you click the check mark
**Checkmark Timeline view** - shows a checkmark per day. Click a checkmark to toggle it
**Gear Icons** - on the side of each view is a gear that opens settings for the view

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

#More info
This was built using Create T3 from which I used NextJS, tRPC, and tailwindcss. Clerk does auth. And Netlify for the server hosting. To participate in the challenge I used Netlify's Blobs as simple key value store. And all server saving uses Netlify's Blobs.

The db code I wrote is an utter mess. It became overwhelmingly complicated by the end and I wouldn't be surprised to find countless bugs. I got it sort of working in the end tho. :)

There may be some bugs with server client syncing and there's no guarantee this will stay up forever.

Anyway it was super fun making this.

and here is the source code if you are interested...
https://github.com/codec-xyz/log_netlify_challenge
PhantomQ: A Collaborative Writing Platform with Image Gallery
Tags: netlifychallenge, devchallenge, webdev, javascript
Published: 2024-05-13 06:53:31

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Visual Feast.*

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Build with Blobs.*


## What I Built
I create an anonymous writing collaboration app powered by Netlify blobs, and Picture sharing gallery, with Next.js Image component integrated with Netlify Image CDN provide faster accessibility, with customization for sizes and downloads

## Demo
You can try PhantomQ [here](https://phantomq.netlify/app)

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


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


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

Though the Tales section might be a bit buggy (Since I'm new at using blobs), the Gallery might not be so


## Platform Primitives
Next.Js comes with it's own optimizer and further supported by Netlify Image CDN provide more customability, I utilize Netlify CDN to customize the gallery before user downladed them, with various quality

I also try to implement Netlify Blobs for the Tales Section, people can anonymously collaborate on creating a unified chaotic story

Because there is rarely any changes to the gallery, I opt-in for the following cache strategy on Netlify Functions to fetch all images

`return Response.json(await res.json(), {
    headers: {
      "Cache-Control": "max-age=604800, public",
      "Netlify-CDN-Cache-Control":
        "public, max-age=259200, stale-while-revalidate=30",
      "Netlify-Cache-Tag": "images",
    },
  });`
Adding a Modern Touch of Elegance to Home Decor with Modern Radiator Covers
Published: 2024-05-13 06:47:28

## Improving Usability: The Real-World Advantages of Modern Radiator Covers
Though [modern radiator covers](https://modernradiatorcovers.com/shop/) are worth it just for their ability to hide radiators, they have much more to them than that. Modern radiator covers achieve the same effect of directing heat into the room so homeowners get to save energy because they consume lesser heat and hence reduce their heating costs while maintaining a cozy atmosphere. Similarly, these modern radiator covers play an integral role in security, especially in families of kids and animals, where they limit unintentional burns. Modern radiator covers are a true blend of style and functionality, making them ideal for any living space that needs to combine beauty and practicality.

## Utilize Modern Radiator Covers to Boost Your Home’s Style
Determining the best shaped [Modern radiator covers](https://modernradiatorcovers.com/shop/) for your home lies in the ability to evaluate several points so you get the right kind. Start by making the measurements of the size of your radiator because this is how you can find a perfect fit for the modern radiator covers. Secondly, you should think about the kind of modern radiator covers that matches your other decorations and your personal style the best. Panels of wood offer an old-fashioned and classic feel, and the version clad with metal provides a more contemporary look. Moreover, think about the expansion of your desired functions of modern radiator covers, like fully adjustable vents for temperature control or shelves that can be used for additional storage.

## Accepting Versatility and Style: The Allure of Modern Radiator Covers
[Modern Radiator covers](https://modernradiatorcovers.com/shop/) as solutions of hiding your radiators where not just they are practical, but they are also stylish decorations that can embellish the whole interior design of your house. Facilitated by different materials like wood, metal, and acrylic, modern radiator covers provide a variety of designs and styles to choose from. Modern radiator covers fireplaces attractively tokenize heater rads without deterring the good circulation of the dress. These fireplaces then produce comfort house living conditions. Modern radiator covers stand apart from other decor category for their capacity to fantastically suit in every decor for that reason they have become indispensable items in home decor decorations.
Contact Us:

OUR MAILBOX: modernradiatorcovers@gmail.com

OUR PHONE: 917–975–0538
ManbetxComCo | Trang Chủ Mới Nhất Hiện Nay
Published: 2024-05-13 06:47:16

Manbetx la mot nen tang ca cuoc truc tuyen tren ca tuyet voi voi rat nhieu nhung uu diem khac nhau. San choi nay so huu rat nhieu tua game ca cuoc hap dan thoa man giai tri cua minh.
Dia Chi: 73 Tan Son Hoa, Phuong 3, Tan Binh, Thanh pho Ho Chi Minh, Viet Nam
Email: deriphonsepreston@gmail.com
Website: https://manbetx.com.co
Dien Thoai: (+63) 962 127 8824
#manbetx #manbetxcom #manbetxco #manbetxcasino #nhacaimanbetx
Social Links:

https://manbetx.com.co/

https://manbetx.com.co/tai-app/

https://manbetx.com.co/rut-tien/

https://manbetx.com.co/nap-tien/

https://manbetx.com.co/dang-ky/

https://manbetx.com.co/author/manbetx-com-co

https://www.facebook.com/manbetxco/

https://twitter.com/manbetxco

https://www.youtube.com/channel/UCPdFKmDIynZHpAIQjHLKufA

https://www.pinterest.com/manbetxco/

https://www.tumblr.com/manbetxco

https://vimeo.com/manbetxco

https://www.twitch.tv/manbetxco/about

https://www.reddit.com/user/manbetxco/

https://500px.com/p/manbetxco?view=photos

https://gravatar.com/manbetxco

https://www.blogger.com/profile/16003205210372660925

https://manbetxco.blogspot.com/

https://draft.blogger.com/profile/16003205210372660925

https://www.instapaper.com/p/14205866

https://hub.docker.com/u/manbetxco

https://www.mixcloud.com/manbetxco/

https://flipboard.com/@manbetxco/manbetxcomco-%7C-trang-ch%E1%BB%A7-m%E1%BB%9Bi-nh%E1%BA%A5t-hi%E1%BB%87n-nay-8pt0mk2fz?from=share&utm_source=flipboard&utm_medium=curator_share

https://issuu.com/manbetxco

https://www.liveinternet.ru/users/manbetxco/profile

https://beermapping.com/account/manbetxco

https://qiita.com/manbetxco

https://www.reverbnation.com/manbetxco

https://guides.co/g/manbetxco/371588

https://os.mbed.com/users/manbetxco/

https://myanimelist.net/profile/manbetxco

https://www.metooo.io/u/manbetxco

https://www.fitday.com/fitness/forums/members/ffmwcqu%40hf7%40k6%5Ec.html

https://www.iniuria.us/forum/member.php?431348-manbetxco

https://www.veoh.com/users/manbetxco

https://gifyu.com/manbetxco

https://www.dermandar.com/user/manbetxco/

https://hypothes.is/users/manbetxco

http://molbiol.ru/forums/index.php?showuser=1343779

https://leetcode.com/manbetxco/

https://www.walkscore.com/people/216809846210/manbetxco

http://www.fanart-central.net/user/manbetxco/profile

https://www.chordie.com/forum/profile.php?id=1934852

http://hawkee.com/profile/6674257/

https://codepen.io/manbetxco

https://jsfiddle.net/manbetxco/L875rwps/1/

https://forum.acronis.com/user/638356

https://www.funddreamer.com/users/manbetxco

https://www.renderosity.com/users/id:1484439

https://turkish.ava360.com/user/manbetxco

https://www.storeboard.com/manbetxco

https://doodleordie.com/profile/manbetxco

https://mstdn.jp/@manbetxco

https://community.windy.com/user/manbetxco
Echo Diary: Your personal companion
Tags: netlifychallenge, devchallenge, webdev, javascript
Published: 2024-05-13 06:46:02

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Build with Blobs.*

Important Links:
Github https://github.com/Rohithgilla12/echo-diary
{% embed https://github.com/Rohithgilla12/echo-diary %}
Deployed App https://echo-diary.netlify.app/

## What I Built

Welcome to Echo Diary, a cutting-edge personal diary app ingeniously crafted atop Netlify's robust Blob storage.

Echo Diary is more than just a diary; it's a secure vault for your thoughts, emotions, and memories, encrypted during transit for utmost privacy and security. 
Blobs are safe since they are encrypted while transit, reference
(https://docs.netlify.com/blobs/overview/#sensitive-data)

Key Features of Echo Diary:

## Mood Tracker
Ever wondered about your emotional trends? Our Mood Tracker doesn't just record your feelings using expressive emojis; it transforms them into insightful graphs. This visual journey through your emotional landscape can help you understand life's ups and downs and foster personal growth.

## Dynamic Entries
Echo Diary lets you capture life as it happens. Whether it’s a quick text, a snapshot of a moment, or an audio recording, you can store multiple entries per day. Browsing through your past entries isn't just a walk down memory lane; it's a deep dive into your personal evolution, helping you reflect on your most significant moments.

>Your Life, Encrypted, Secured, and Beautifully Plotted. Dive into Echo Diary today and start tracking your journey in a way that's secure, intuitive, and profoundly personal.


## Demo

### Dashboard
![Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89a0a79fyncq4xjmiudh.png)



### Add Entry
![Add Entry](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8fiqk2t03wm6po39r85.png)


### View Entries
![View Entires](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l8hwrs5u46a3yc82rfxt.png)


### Loom Video explaining the project
https://www.loom.com/share/a08f7b7c49f94322aa35d45d52fdd60d?sid=4073a958-5125-4787-b59e-1100ac6db98d



## Platform Primitives
Leverage Netlify blobs as a database, used it to store user entries and moods.



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



Thanks to the Dev team and Netlify team for this amazing opportunity.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/utogy41sn2vwsbl39t1z.gif)
What’s your view on the future of artificial intelligence and its impact on software development?
Tags: ai, webdev, aifuture, devto
Published: 2024-05-13 06:43:19

The role of a developer will definitely change due to AI. But just because AI can write code, apps, etc. doesn’t mean that everyone becomes a developer. I won’t spontaneously become a nuclear physicist through AI just because AI can give me all the knowledge on this topic. Generating code with AI still needs knowledge to understand what that code does. Generating code is one thing. But AI won’t give you the experience of a programmer. So yeah, in my opinion, there will still be a place for a developer besides AI. Developers can get much better results from AI than noobs.
AI Financial Genie 4.0: Revolutionizing Financial Forecasting
Published: 2024-05-13 06:40:31

Since 2018, Wilbur Clark has been doing more than just conducting scientific experiments—he's been brewing a revolution. Under his leadership, the team at FB Finance Institute created the first AI Financial Genie, a super-brain based on quantitative trading. Yes, you heard right, it's like a financial prophet that can foresee the future!

The initial AI Financial Genie 1.0, although intelligent, found itself somewhat overwhelmed when faced with complex and ambiguous financial challenges. But like any good sci-fi story, our hero wouldn't just give up.


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

With AI Financial Genie 2.0, our financial sprite began using machine learning, especially deep learning technologies to train its brain, enabling it to extract more complex information from massive datasets. It was like evolving from a student who could do basic arithmetic to a genius capable of solving complex equations!

By the time AI Financial Genie 3.0 evolved, the system could adjust its behaviors and decisions automatically by collecting environmental data through various sensors, almost as if it had a sixth sense. It became the superhero of the financial world!

Now, with AI Financial Genie 4.0, we're not just talking about an upgrade—it's practically a spaceship in the financial universe. By integrating artificial intelligence, the Internet of Things, cloud computing, and big data technologies, it's not just a trading system but a comprehensive, intelligent financial solution. From trade signal decision systems to investment strategy decision systems, to expert and investment advisory systems, this version of AI Financial Genie features four core systems, each shining like a bright star to form a dazzling galaxy.

What's the future outlook? These systems are designed not just for testing toy models but for achieving over 90% accuracy in the real world, automating trades, and providing in-depth analysis and ratings of global markets. Combining AI with blockchain technology, AI Financial Genie 4.0 is not just changing the way we invest—it's poised to redefine our entire conception of the financial world.

So get ready, grab your magic lamp, give it a rub, and let AI Financial Genie 4.0 propel you to new heights in future investing!
Snapi: An editable gallery for photographers
Tags: netlifychallenge, devchallenge, webdev, javascript
Published: 2024-05-13 06:40:03

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Visual Feast.*


## What I Built
A personal web app for photographers in gallery format, motivated to make something that would be useful, easy and accessible for anyone to pick up, including non-programmers.

Manage your photos, create your profile, add a call to action, everything in your very own Snapi instance:

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/katriellucas/snapi)


## Demo
[Demo instance](https://snapi-gallery.netlify.app)

Source is available at: [github.com/katriellucas/snapi](github.com/katriellucas/snapi)

![Snapi app dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hkjsuaie95sxcyhoulju.png)

![Snapi password screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xowm32kdooodrzxgyhtn.png)

![Snapi upload screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kvn9w19d0i77unifj7zm.png)


## Platform Primitives
There are various kinds of gallery websites, but one thing in common with most of them is that they are quite heavy, most images on websites aren't optimized in size, compression nor ideal format. Thanks to the great [Astro + Netlify Image CDN integration](https://docs.netlify.com/frameworks/astro/#netlify-image-cdn) this was completely painless. Netlify automatically converts the images to modern formats like AVIF and WEBP.

Another important aspect is the ability to generate thumbnails on the fly, you don't want your users downloading big heavy photos. In Snapi, these functions are automatic, benefiting your users and yourself.
 
All data in your instance is saved in blobs, they are great and are used everywhere. To cite some, the **account system** uses blobs in JSON to store user data, **session tokens** and **all original photos** that are used in the image transformation are managed in blobs.

It was great fun project, and I don't doub't that you can make even more powerfull things with these new features on netlify.
Future-Proof Your Career: Why Now is the Best Time to Enroll in a Web Designing Course in Chandigarh.
Tags: webdev, webdesign, webdesigning, javascript
Published: 2024-05-13 06:38:59

Do you consider yourself a designer who creates breathtaking sites that keep everyone focused? Do you have an inner drive to dabble in the Internet interiors and feel that you can make good money for your creativity? Look no further! At Bigboxx, a Professional Academy in Chandigarh, you learn how to design perfect websites and this will be your passport to success.

**Bigboxx Professional Academy: What Differentiates Us?
**
We know that for us web designing starts not from the tools and techniques but from ways of creativity and innovation for Bigboxx Professional Academy. We, a**_ [Web Designing Course in Chandigarh](https://bigboxx.in/web-designing-course-in-chandigarh/)_**, encompass all the necessary facets to cater to the realities of the rapidly changing digital environment by making our students ready for the challenges.

**Hands-on Learning Experience
**
Our web designing course is developed to make your work very hands-on at the start of the term. You won't merely attend classes; you will be employed in simulations and real-world tasks that are in line with what you have learned to serve you better. Seasoned instructors will lead you through the chain of all processes. You will be confident enough that will enable you to succeed in the field of web design.

**Cutting-edge Curriculum
**
The industry of web design is changing with each passing moment and so Bigboxx Professional Academy constantly updates its curriculum to meet contemporary needs. We have everything from basic HTML and CSS to advanced topics such as responsive design as well as UX and UI principles. Our course covers all the essential things you need to know to be a good web designer. Moreover, we will give attention to keenness and readiness for new developments and technologies which is crucial to have at any design job.

**Career Opportunities
**
At the culmination of our web designing course, you will be equipped with the necessary skills to enter the web design workforce and meet any upcoming challenge. Through your stint at Bigboxx Professional Academy as a freelance web designer, or you are getting hired by a design agency, or even if you decide to set up your own web design business, the skills, and knowledge you acquire will open many doors of opportunities for you.
Join Us Today!
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g2f5olug0h4dnetv4n85.jpg)

Let not your desire to be a web designer be just a dream – go for it! Get through the Chandigarh web designing course with us today and experience your dream of designing becoming a reality and a career choice that you will adore. Whether you are a student seeking an additional source of income, or a professional looking to supplement your salary, the professional services at Bigboxx Professional Academy are by your side to help you be the best that you can be!
Video Annotator
Tags: netlifychallenge, devchallenge, webdev, javascript
Published: 2024-05-13 06:37:13

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Build with Blobs.*


## What I Built

VNote is a video annotation tool. 

By adding a Youtube video URL to the input field on the landing page, users can access a note-taking interface integrated with the video player.  This enables users to create timestamped notes directly linked to specific moments in the video, aiding in comprehension, retention, and collaboration through a shareable link.

### Target Users

- **Educators**: Create interactive video lessons with embedded notes, questions, or links to supplementary materials.

- **Students**: Collaborate on study guides by annotating lecture videos or documentaries.

- **Researchers**: Analyze and code qualitative video data with precise timestamps and linked resources.

- **Content Creators**: Include additional context, behind-the-scenes details, or interactive elements to videos.

## Demo

### Demo Link
{% embed https://vnote.pro %}

### Video Demo

{% embed https://youtu.be/-jEULJypvxM %}

### Github Repo
{% embed https://github.com/perplexedyawdie/video-annotator %}

**Landing Page**
![Landing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zvutpuunwwjpcu871leg.png)

**Taking Notes**
![Taking notes!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0kfdy11kdf0hwfu907d.png)


## Platform Primitives
Netlify Blobs made it super easy to quickly store/retrieve notes data.

Specifically, I was able to interact with Netlify Blobs by using the Typescript client. First, I initialized the client like so:

```ts
import { getStore } from '@netlify/blobs';

const store = getStore({
    name: 'note-store',
    siteID: process.env.NETLIFY_SITE_ID,
    token: process.env.NETLIFY_API_TOKEN,
})
```
then I was able to easily save data like so:

```ts
export async function saveNote(noteData: VNote): Promise<boolean> {
    try {
        await store.setJSON(noteData.id, noteData)
        return true
    } catch (error) {
        console.error(error)
        return false
    }
}
```
and retrieving was just as simple:

```ts
export async function getNoteData(noteId: string): Promise<VNote | null> {
    try {
        const noteData = await store.get(noteId, {
            type: "json"
        });
        if (noteData) {
            return {
                id: noteData.id,
                url: noteData.url,
                noteDetails: noteData.noteDetails ?? null
            }
        } else {
            throw new Error("Unable to retrieve note!");
            
        }
    } catch (error) {
        console.error(error)
        return null
    }
}
```

This site was hosted on Netlify & I added a custom domain.