TILs - Fueling Curiosity, One Insight at a Time

Gestalt Principles:
It explains how humans perceive visual aspects and how the human brain creates order from chaos. The human brain organizes and simplifies complicated visuals composed of numerous components into a single entire system. Humans will look for patterns and structure to create an image rather than seeing distinct, separate components.

Some Gestalt Principles are as follows:

1. Similarity:
when two elements appear to be similar, we group them together. We also prefer to believe they serve the same purpose.
Elements with similar shapes, sizes, color's, or orientations are believed to be related.

2. Proximity:
The elements that are close together appear to be more linked than things that are farther apart.

3. Closure:
When there are gaps or missing portions, our brain fills in the gaps to perceive a full shape or entity.

4. Focal point:
Visual elements that stand out will catch and hold the viewer's attention right away.

5. Invariance:
People can distinguish objects regardless of their shape, rotation, or scale.

6. Continuity:
Elements placed on a line or curve appear to be more connected than elements not arranged on a line or curve.

We can rename the current local Git branch name by,\r
• Switch to the main via the command git checkout master.\r
• Enter the following command to rename a Git branch git branch -m old-name new-name .\r
• To ensure that the rename was successful, retrieve the current status of the branch using the git branch -a.

We can Rename the current local Git branch name by,
• Switch to the main via the command git checkout master.
• Enter the following command to rename a Git branch git branch -m old-name new-name .
• To ensure that the rename was successful, retrieve the current status of the branch using the git branch -a.

If we import a server component inside a client component, it will be treated as a client component but if we pass a server component to a client component as a child prop, it will not be converted to the client component and will be treated as a server component. This gives more granular control on what to show at what component. Composable child components will still be treated as client components as it is not passed as a child to the client component.

while upgrading your rails api only app to support html views , make sure to run rails assets:precompile in your local so that your assets are served properly and also make sure your assets are properly linked in assets/configs/manifest.js , or the process will be aborted.
If we skip this step, and it has some errors, it will cause build failures.

while updating ruby version in an existing app, make sure to also update the ruby version in your Dockerfile, or else it will cause build failure.

while creating rubocop github action , we need to add two flags:
• fail_on_error: true -> which will exit the process when error occurs
• filter_mode: noFilter -> this will run the rubocop for the entire project directory

Removing swap files form the merge -: we can can use our terminal for that we have to just ad the changes to the git then commit them with a message and then push the changes to repo and it will automatically reflect on the merge request.

Removing swap files form the merge

The basic principles for User Interface design
1. Hierarchy: User should be able to distinguish between important and less important information at a glance. The UI hierarchy should highlight what the user cares about the most.
2. Contrast: To draw attention to important content or features.
3. Alignment: Proper alignment helps with readability.
4. Clarity: There should not be anything that will confuse the user. We should try to provide a design that user can understand easily by taking a glance at it.
5. White space: For a design to work better. It needs to have a adequate amount of space between it's content.

How to enable web view to inspect website which is open on iphone

1. you have to first go to your iphone setting and search for the safari then then you got the advance option click on that then you got the web inspector enable that option.
2. now connect your iphone with your mac and now open the safari browser in the mac
3. Now click on safari option in the mac then click on preferences and go to Advance option and enable the show develop menu on menu bar now you have the develop option on you mac safari menu bar.
4. Now click on the develop option and you get your iphone option and now you will able to inspect your website which is open in your iphone
This is helpful to resolved bug which is only happen on iphones

HIGH LEVEL DESIGN
It is simply a blueprint for the system. In other words, a generic system design that describes the overall architecture and design of a system.
1. System - is a set of components put together to build a product/feature.
2. Feature - is a set of requirement to be satisfied.
System Design is necessary to ensure that a system meets specific requirements, such as performance, reliability, scalability, and maintainability.
Without a clear blueprint, a system may not work as intended, leading to performance issues in the future, downtime, etc.

High-level design also includes:
1. Overall Architecture.
2. Database design
3. Main Components
4. Services and platforms

How we can change the default Sqlite database to Postgresql database in Ruby on Rails ,
• Make sure homebrew is installed .
• Install Postgresql , brew install postgresql
• Start the postgresql , brew services start postgresql
• Make changes to postgresql database in the database.yml file
• Add rails db:seed to ensure your data gets reset and is visible on the browser .

The underscore ( _ ) in Rails ,
simply gives you the return value of the last evaluation made in the console.
irb(main):015> movie.title
=> "Avengers: Endgame"
irb(main):016> _
=> "Avengers: Endgame"

AWS (KMS ) Key Managament Service

We are using Key Management Service to encrypt sensitive data stored in an S3 bucket, you can use KMS to create a key, and then configure the S3 bucket to use that key for encryption. This way, only authorized users with the right permissions can access and decrypt the data.

AWS (KMS ) Key Managament Service

We are using Key Management Service to encrypt sensitive data stored in an S3 bucket, you can use KMS to create a key, and then configure the S3 bucket to use that key for encryption. This way, only authorized users with the right permissions can access and decrypt the data.

ParameterMissing we can resolve error , param is missing or the value is empty this indicates that we should give the proper name value to params which is same assign to our model .

Routes - Linking Pages where we can ,
• Link to Index Page: Use the link_to helper in the view to create a link that navigates to the index page, displaying a list of items.
• Link Index Page to Show Page: Utilize the link_to helper in the index page to link each item to its respective show page, allowing users to view detailed information about each item.
• Add a Root Route: To replace the default Rails welcome page , with usually the page that shows a list of items or the index page by defining a root route in the routes file.

To add the image or logo which are inside app/assets/images we need not to copy the path , we can just copy the name of an image 'logo.png' and put inside the image_tag <%= image_tag("logo.png") %> when you run the server the logo will be visible on the browser .