Shanna's Web Development Portfolio 🚀

Overview

This portfolio is designed to showcase my expertise as a front-end developer, featuring:

• React, TailwindCSS, and Vite for a modern stack
• Fully Responsive Design
• Smooth Animations & Custom Screen Saver

---

🔧 Features Implemented

✅ Fully Responsive Layout with adaptive styling
✅ Custom Animated Screen Saver
✅ Navigation Menu for a streamlined UI
✅ Styled with Tailwind's for a polished look
✅ Skills Section with skills animated on scroll ✅ Project Section with live projects previews

---

🛠 Installation

• Clone the repository: git clone https://github.com/SNoeCode/portfolio_shanna.io
• Navigate to the project directory: cd your-portfolio
• Install dependencies: npm install
• Start the development server: npm run dev

portfolio-shanna/ │── dist/ | │── assets/ | │── images/ | │── index.css | │── index.html | |── shannaUpdatedRes... | │── vite.svg │── node_modules/ │── public/ | │── images/ | │── index.css | |── shannaUpdatedRes... │── src/ | │── assets/ │ |── images/ │ │── components/ │ |── ContactForm.jsx │ ├── Header.jsx │ ├── MatrixLoader.jsx │ ├── Navbar.jsx │ |── ProjectCard.jsx │ ├── ScrollToTop.jsx │ ├── Skills.jsx │ ├── Footer.jsx │ │── context/ │ |── ProjectContext.jsx │ │── data/ │ ├── portifolio.js │ ├── skills.json │ |── pages/ │ ├── About.jsx │ ├── Contact.jsx │ ├── Home.jsx │ ├── Projects.jsx │ |── App.css │ |── App.jsx │ |── index.css │ |── main.jsx │ |── output.css │── eslint.config.js │── index.html │── package-lock.json │── package.json │── postcss.config.js │── README.md │── tailwind.config.js │── vite.config.js

🚀 Deployment This project is deployed using GitHub Pages for seamless hosting. To deploy your own version:

• Push changes to your GitHub repository
• Navigate to your repository settings
• Scroll to Pages and select the branch (main or gh-pages)
• Save and wait for GitHub to generate the live site
• Your site will be accessible at https://your-username.github.io/your-repository/

🖥 Tech Stack

• Frontend: React, TailwindCSS, Vite
• Deployment: Github Pages
• Version Control: Git & GitHub

📬 Contact Want to connect or provide feedback? Reach out! 📧 snoe.prsvr@gmail.com 🌐 https://snoecode.github.io/portfolio_shanna.io/