PortFolio-React

Getting Started

To get started, follow these steps:

1. Clone this repository using git clone https://github.com/Intummadee/PortFolio-React.git
2. Install dependencies using npm install
3. Run the app using npm start

Tech Stack :

• Frontend: HTML, CSS, React Js, Java Script, TailwindCSS
• Library: React
• Version Control: Git and GitHub
• Hosting: Netlify
• Code Editor and tools: VS Code

How to Run

• Located in the PortFolio-React folder and use this command

npm run dev

Structure or pattern

• Component

import React from 'react'
const Experience = () => {
  return (
    <div>Experience</div>
  )
}
export default Experience

• Map

My Favorite class in TailwindCSS

h-screen - to make an element span the entire height of the viewport.

• https://tailwindcss.com/docs/height#viewport-height

h-dvh - to make an element span the entire height of the viewport

green-pink-gradient - to make a gradient

w-1/2 , w-fit

absolute inset-0

flex flex-wrap

drop-shadow-xl

<br className='sm:block hidden' />

• The 2 functions below have the same results, but in the lower method, if you use (), there is no need to write the word return.

• can use the JS below instead of the tag.

• Link Tag

Ref

  https://techicons.dev/icons/

  https://www.iconfinder.com/

  https://www.npmjs.com/package/react-player (playing youtube)

  https://www.fffuel.co/llline/

  https://tailwindcss.com/

  https://sketchfab.com/3d-models/stylized-mangrove-greenhouse-4ad533f838f44fa583683ab7939c6aa1 (3d Model)