This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

When defining an object or a function, using itself within its own definition is called recursion.

Additional Context

It is a very powerful problem-solving strategy.

The post What is Recursion? appeared first on ProdSens.live.

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

Assigning multiple complex tasks to metals, plastics,0’s,1’s, and electricity because we were too lazy to do it on pen and paper.

Additional Context

We saw the gap of no one explaining the title of the challenge and ended up doing something raw.

Team Submissions:

Also a huge shoutout to my team member @vedangit !!

The post Computer Science under 125 characters. appeared first on ProdSens.live.

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

Can a program determine if another program will finish running or loop forever? It’s the Halting Problem. Alan Turing proved it’s undecidable: no algorithm can solve it for all possible programs. This limits what computers can predict about other programs.

Additional Context

The post The Halting Problem appeared first on ProdSens.live.

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

When you visit a bank or you go to the supermarket to get some groceries, you stay in line. The person in front of you gets answered first because he was there before you. That’s basically a queue in computer science

The post What is a Queue? appeared first on ProdSens.live.

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

Resource preloading in HTML can be achieved using the element with the rel attribute to hint at the browser about resources that will be needed soon. Fetching resources in advance improves load time and webpage performance.

Additional Context

Here are some options you may consider :

1. rel="preload": Actively fetch the resource and cache it, as needed for current navigation.
2. rel="prefetch": Fetch the resource in advance as it is needed for follow-up navigation.
3. rel="dns-prefetch": Perform DNS resolution for the resource for easy fetching later.
4. rel="preconnect": Perform a connection request to the resource and establish a connection for easy fetching later.
5. rel="prerender": Preload the resource in the background. However, one should note that this might negatively affect the user’s bandwidth.

The post 🌐 Resource Preloading in HTML | One Byte Explainer appeared first on ProdSens.live.

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

CAP Theorem: In distributed systems, you can have Consistency, Availability, or Partition Tolerance, but only two at a time. It’s a trade-off triangle. Essential for designing fault-tolerant databases and networks.

Additional Context

Composed by two AI personas of mine, Conceptor the Idea Condensor and Hyperion the STEM Explainer, acting in concert on the OpenAI Playground.

The post One-Byte: CAP Theorem appeared first on ProdSens.live.

This is a submission for Frontend Challenge v24.04.17, CSS Art: June.

Inspiration

Today, I am highlighting a serene and visually appealing web page **dedicated to showcasing the best beaches in the world. The design captures the tranquility and beauty of beach destinations, aiming to evoke a sense of wanderlust and relaxation. The **warm colors and tropical imagery set the perfect mood for exploring dreamy beach getaways.

Demo

Here’s a preview of my submission:

You can view and interact with the full demo here.

You can also preview the full code on this repository.

Journey

Creating this webpage was an exciting journey that allowed me to blend aesthetics with functionality. I focused on achieving a visually pleasing gradient background to simulate a sunset, complemented by palm tree silhouettes to enhance the tropical theme. The typography was chosen to be welcoming and easy to read, emphasizing the headline and call-to-action button.

During this process, I learned a lot about CSS gradients, layering images with transparency, and creating a cohesive color scheme. I am particularly proud of how the background and text elements harmonize to create an inviting and immersive experience.

Next, I hope to refine my skills in responsive design to ensure that the webpage looks great on all devices. Additionally, I plan to experiment with animations to add subtle movements that can bring the design to life.

Well that’s it, I hope you liked it, bye!

The post Frontend Challenge | Best Beaches in the World! appeared first on ProdSens.live.

This is a submission for Frontend Challenge v24.04.17, CSS Art: June.

Inspiration
I’m highlighting simple, clean geometric shapes. I wanted to create something that looks both simple and beautiful.

Demo

Here is my CSS Art:

You can see the full code on GitHub and live demo here.

Journey

I am from India and was curious to participate in this dev challenge. My designing is not the best, but I always try to make it better.

I started by drawing some ideas on paper. Then I used CSS to make it real. I played around with properties like clip-path, transform, and animation.

I learned a lot about how powerful CSS can be. I’m proud of the animations I added. Next, I want to learn more about CSS Grid and Flexbox for more complex designs.

What I Feel After Participating in This Challenge

This is the first time I completed a challenge, and it’s really an amazing feeling to submit this. I learned a lot. Thanks, DEV, for these types of challenges!

The post I tried Frontend Challenge: June Edition appeared first on ProdSens.live.

This is a submission for Frontend Challenge v24.04.17, CSS Art: June.

Inspiration

The June Prompt reminded me of beaches in no time(stole the beach idea from glam up challenge). And I deep dived pinterest to find some cool(and sleepy—because I’m posting this at 4:25am in the morning) pixel art that I could make up in CSS.

Demo

Here’s the final result of my night-long strive (●’◡’●)
(View in 0.5x)

Journey

The journey of this art is quite straightforward. I got inspired by the Previous CSS Art winner who was inspired by a Medium Blog who was inspired by a YouTube Video.

And I wanted to try to make pixel art using CSS(and I make some on paper and paste it around in my room too)

Then I went to the best place to steal others’ artwork—Pinterest
I stumbled upon a cute Pikachu, who looked no less sleepy than I was.

Here are the images I used to make this art:
Pikachu
Beach

I wish I added some animation(but that would lead to more sleepless nights, and my mother getting disappointed with me missing breakfast everyday )

Here’s a Pikachu Meme and Cute Pikachu Photo to help me get more reactions on this post.

Peace Out!

The post Sleepy Pikachu🥱 | Frontend Challenge June | CSS Art appeared first on ProdSens.live.

This is a submission for the The AWS Amplify Fullstack TypeScript Challenge *

I am proud to submit my first ever DEV challenge entry! As a busy mom, this was a challenging but enjoying week+ where I got to combine my two favorite passions – coding and cooking. I have previously before tried to build applications using AWS Amplify but never got a chance to get one deployed. For this challenge, I built a recipe app with AWS Amplify that lets a user create a new profile, login, create a recipe and have those recipes display on the users personal page.

Demo and Code

Here is the AWS Amplify Link to the live site

The source code can be found on GitHub

Here are some images taking you thru the flow of the app.

Integrations

*AWS Cognito
*
For Application authentication I integrated AWS Cognito and the Amplify UI Authenticator into the app which handles creating the user, sending a confirmation email and sign in. I customized the authentication in two ways.

First, I added a user attribute property when defining my authentication that allows a user to enter a preferred username.

Second, in order to tie users to their recipes I created a post confirmation trigger when the user confirms the account.

*AWS Data
*
To manage CRUD operations for recipes and the user profile I integrated AWS Data which let me define my data models then use those same models to read the data from the client. One of the challenges I faced was in trying to read the User Profile information which was tied to the user authenticating with Cognito. I wanted to be able to have a user login, then grab details like username and recipes. In the original tutorial to create a user profile a profileOwner is created with the sub or username. However, I was unable to get that specific user with the profileOwner. I ended up tweaking the confirmation trigger which created the user profile using graphql and created two input variables of email and originally profileOwner. I was able to change profileOwner to id and add other attributes to my user profile and that solved the issue.

*AWS Lambda Function
*
As previously mentioned this was used to trigger the post confirmation create user profile.

Connected Components and/or Feature Full

This application uses AWS for data, authentication and a serverless function. In addition, since I was already using the AWS UI authenticator component, it became easy to integrate the rest of AWS components into my app.

Thank you for reading! I learned so much from this experience and would be happy to go into more detail or answer any questions for you if you’re working on your own AWS Amplify app.

The post Recipe App submission for AWS Amplify Fullstack Typescript Challenge appeared first on ProdSens.live.