💻 Jada R. Thibodeaux – Portfolio Website

This is the personal portfolio website of Jada R. Thibodeaux, a software engineer and QA specialist. The site was built using modern technologies to showcase personal projects, work experience, and contact information—all with a clean, elegant aesthetic.

👉 jadarthibodeaux.com

• Framework: React
• Build Tool: Vite
• Styling: Tailwind CSS
• Deployment: Netlify

• Sticky navigation bar with scroll tracking
• Section-based layout: Home, About, Projects, Experience, Contact
• Smooth scroll and scroll-to-top button
• Custom color palette from StitchPalettes
• VT323 font for retro pixel flair
• Responsive design for all screen sizes
• Deployed via Netlify with custom domain

📁 portfolio/
├── 📁 public/
│   ├── favicon.ico
│   ├── Jada_Thibodeaux_Software Engineer_Resume.pdf
│   └── 404.html
│
├── 📁 src/
│   ├── 📁 components/
│   │   ├── About.tsx
│   │   ├── Contact.tsx
│   │   ├── Experience.tsx
│   │   ├── Home.tsx
│   │   ├── Projects.tsx
│   │   ├── ScrollToTop.tsx
│   │   └── [Any additional components]
│   │
│   ├── App.tsx
│   └── main.tsx
│
├── index.html
├── tailwind.config.js
├── postcss.config.js
├── package.json
├── tsconfig.json
├── vite.config.ts
└── README.md

1. Clone the repository:

    git clone https://github.com/jadathib/PortfolioWebsite
    cd portfoliowebsite

2. Install dependencies:

    npm install
    npm install react react-dom react-router-dom lucide-react
    npm install -D typescript @types/react @types/react-dom @types/react-router-dom
    npm install -D vite @vitejs/plugin-react
    npm install -D tailwindcss postcss autoprefixer
    npm install --save-dev @types/react @types/react-dom
    npm install -g yarn

3. Start the development server:

    npm run dev

4. Build for production:

    npm run build

📝 License

This project is open-source and free to use. If you draw inspiration or reuse components, a shoutout or credit is appreciated 💕 🤝 Contact

📧 [email protected] 🔗 LinkedIn 🐙 GitHub