Website-Portfolio

Preview the project on the webpage: Portfolio Website

Overview

---

This is my personally designed Portfolio website.

Compatability

Tested on:

• Chrome
• Microsoft Edge

🔮 Overview of the files

---

📂 build	Built deployment folder
📂 config	Configuration files for PostCss and TailwindCss
📂 public	Public static web files
-> 📃 index.html	Index html root file
📂 src	Folder to store source code and files
-> 📂 assets	Assets as images, svgs, etc.
-> 📂 components	Stores each React Component
-> 📂 pages	Stores each router page
-> 📂 style	Stylesheet folder stores overall styles and Tailwind imports, etc.
-> 📃 App.tsx	React Application of the project
-> 📃 index.tsx	Entry file of the web app
-> 📃 index.css	Generated .css stylesheet from style folder

Built File size

Total	JS	CSS	Media(Images/SVGs/etc.)
10 MB	3.13 MB	68.4 KB	7.15 M

💡 Design

---

♦ SVG

SVGs are designed using the tools from website Figma.

✒ Font

For font, I'm using Cairo and Supermercado One from Google Font.

🍦 Icons

Small Icons from Font Awesome from React Icons

🔧 Tools

---

• JavaScript / TypeScript / HTML / CSS
• ReactJS (JS Front-End framework)
• TailwindCSS / PostCSS (Stylesheet framworks)
• Scroll Magic (Scroll Animations)
• GSAP (Animation)
• Figma (SVG Design)

💁‍♂️ Author

---

• LinkedIn - GP
• Github - RedCarpG