Personal Website in ReactJs Workshop

Welcome to the Personal Website Workshop! This README will guide you through the essential steps for using ReactJs and creating your personal website Follow along to set up your environment, manage your code, and build your first draft for your personal website! Be creative, play around. This is YOUR personal website, inject your personality into it!

---

Table of Contents

• React.js Introduction
• Node.js Check
• Setting Up a React Project
• React Concepts
• How to find react libraries
• Deployment using Vercel

---

React.js Introduction

React.js is a JavaScript library for building dynamic user interfaces using reusable components, state, and props.

Why React?

• Fast & efficient
• Reusable code
• Easier interactivity

---

Node.js Check

Before starting with React, make sure you have Node.js installed:

node -v

If not installed, download from nodejs.org.

---

React Concepts

JSX Example

const element = <h1>Hello, world!</h1>;

Component Example

A reusable function that returns jsx.

function Welcome(props) {
  return (
    <h1>Hello, {props.name}</h1>
  );
}

How to find react libraries

I want to acheive a typewrite effect.

Visit node package manager and look for the library that can help you do this.

In this project, I want to use to typewriter effect so I run the following command to install it.

npm install react-simple-typewriter

Deployment using Vercel

Create a vercel account through github account using https://vercel.com