🚀 Saam Sheron Portfolio

Welcome to my portfolio repository! This project showcases my work as a MERN Stack Developer and highlights my projects, skills, and professional achievements.

🖥️ Live Portfolio

Check out the live version here: Saam Sheron Portfolio

---

📋 About the Portfolio

This is a single-page portfolio website built using modern web technologies. It highlights:

• Projects: Frontend, backend, and full-stack applications.
• Skills: Proficiency in React, Node.js, MongoDB, and more.
• Resume: Downloadable resume for recruiters and collaborators.
• Contact Form: Integrated with Email.js for seamless communication.
• Social Links: Connect with me on GitHub, LinkedIn, and Instagram.

---

🛠️ Tech Stack

• Vite: Modern build tool for fast development.
• React.js: Component-based UI library for building dynamic interfaces.
• Tailwind CSS: Utility-first CSS for responsive and modern styling.
• Email.js: For functional and backend-free contact forms.
• React Scroll: Smooth scrolling between portfolio sections.
• Vercel: Deployment platform for hosting.

---

🌟 Key Features

• Blazing Fast: Powered by Vite for rapid load and development times.
• Responsive Design: Optimized for all screen sizes—desktop, tablet, and mobile.
• SEO Optimized: Structured data, meta tags, and descriptive alt attributes for search engines.
• User-Friendly Navigation: Smooth scrolling and intuitive section links.
• Dynamic Sections:
  • Projects: Showcases my best work with live links and source code.
  • Resume: One-click download for recruiters.
  • Contact: Functional contact form integrated with Email.js.

---

📂 Folder Structure

src/
│── assets/          # Images and icons
│── components/      # Reusable components (Navbar, Footer, ProjectCards, etc.)
│── pages/           # Section components (Home, About, Projects, Contact, Resume)
│── App.jsx          # Main application file
│── main.jsx         # React entry point
│── tailwind.config.js # Tailwind CSS configuration
│── index.html       # Main HTML file
public/
│── data/            # JSON files (projects.json, etc.)
│── images/          # Static assets like images

---

🎯 SEO & Accessibility

• Meta Tags: Optimized title, description, and Open Graph tags for better ranking.
• JSON-LD Schema: Structured data for search engines.
• Descriptive Alt Attributes: Added for all images, such as:

  <img src="skyfreight.png" alt="SkyFreight - Air Cargo Transport Website" />

• Fast Performance: Optimized build with Vite for better Lighthouse scores.

---

📧 Contact Me

Feel free to reach out:

• Portfolio: saam-sheron.vercel.app
• Email: saamsallvin@gmail.com
• LinkedIn: linkedin.com/in/saam-sheron
• GitHub: github.com/saam-rgb

---

🚀 How to Run Locally

1. Clone this repository:

   git clone https://github.com/saam-rgb/saam-sheron.git

2. Navigate to the project folder:

   cd saam-sheron

3. Install dependencies:

   npm install

4. Start the development server (Vite uses port 5173 by default):

   npm run dev

5. Open your browser and visit:

   http://localhost:5173
   

---

📝 License

This project is open-source and available under the MIT License.

---

🎨 Designed & Developed by Saam Sheron