Generative AI

 What is Generative AI?

Sub-field of AI that focuses on generating content such as text, images, audio, code, video, etc.

We use mathematical models to approximate the content. 




Basic Steps of Generative AI:

1) We use large data sets as inputs. For example, images or text

2) We feed the data to deep learning models to discern a pattern

3) We accomplish a task such as generating new images.


What is LLM?

advanced model that leverages Generative AI and is trained on large datasets to excel in language processing tasks.

How does LLM work?

There are 3 steps:

1) encoding - basically takes in text and converts them into tokens(numerical representations). The tokens with similar word meanings are also put "closer into vector space"



2) transforming - once it's done encoding, it is fed through a learning model. Sometimes a human is used in this step to guide the model.

3) decoding - converts the tokens back into human words.


How to build LLM Applications

Prices are coming down year over year.

You can use:

1) Open source - More flexible. All of the data and models are in your control. Expensive in-house labor, infrastructure , and data cost.

2) Proprietary - LLM as a service. Restrictions on usage and modification. This is basically another API call from a dev standpoint, so it is a lot easier to work with. Some of the downsides are cost, privacy issues, and being locked-in to a vendor.

Comments

Post a Comment

Popular posts from this blog

Lifecycle of React components

 What I learned today : how to use lifecycle of React components without using class When we talk about the lifecycle of react components, we are talking about Mounting Unmounting Updating The reason it is important to understand is because there are side effects that we need to perform during the lifecycle of a component such as api calls, initialization, and cleanups(release resources like event listeners). 1) mounting - when a component is first is injected into the DOM and rendered for the first time 2) unmounting - when a component is removed from the DOM and is no longer being rendered 3) Updating - when a state inside the component changes or prop is passed into the component The useEffect hook is useful and can run in all of these different lifecycles. import { useEffect } from 'react' The basic syntax takes in a callback function: useEffect (() => {   //code }) this will run everytime a component mounts or updates. In order to run only when the component mounts:
Read more

Styled Components

Image
 What I learned today: Styled-components provide several advantages, particularly in component-based web development To get started install the 'styled-components' package. Then you can optionally create a directory to contain all of your styled components Then you can define it like this for example: const Wrapper = styled . div `   position : relative ;   .logout-btn {     display : flex ;     align-items : center ;     justify-content : center ;     gap : 0 0.5rem ;   }   .img {     width : 25px ;     height : 25px ;     border-radius : 50% ;   } And then you can apply your CSS by simply wrapping it around your React components.   return (     < Wrapper >         < button type = 'button' className = "btn logout-btn" />       </ Wrapper >   ) Some advantages of styled components: Scoped Styling : Styles are scoped to specific components, ensuring they don't leak into other parts of the application. This prevents style conflict
Read more

e-commerce website built with React.nodejs

Image
            This is a responsive e-commerce website I built with React and Nodejs. Users can browse, add goods to the cart, and checkout with a valid credit card number Live Demo    (you can use this test credit card #: 4242 4242 4242 4242)            Repo frontend           Repo backend                 First things first - creating a landing page        I wanted to spend some time making the marketing page look good because I felt like an ecommerce site should look as attractive as possible. Styling was done with vanilla css. I made sure this site was responsive using media queries.       Creating the backend   I didn't think I would need my own backend for this project but I couldn't find an API that fit the type of products I wanted to "sell". So I created my own. Two notable features I used are: JWT authentication and Stripe (to process the payment by customers). The backend is set up  so that users can login or checkout as guests and it will handle the payments
Read more