<h1>Portfolio Website</h1>
<p>Welcome to my <strong>portfolio website</strong>! This site showcases my skills, experience, education, projects, and how to get in touch with me. It’s built with <strong>React</strong> and <strong>Vite</strong> for a fast, modern web experience. You can explore my work, learn about my journey, and contact me directly.</p>
<hr>
<h2>Demo</h2>
<p><img src="https://i.postimg.cc/Dfr5jCQp/Screenshot-2025-01-02-120901.png" alt="Portfolio Demo"></p>
<hr>
<h2>Live Preview</h2>
<h2>Check out the live preview of the portfolio website here:<br>
<a href="https://codervai.vercel.app/" target="_blank" rel="noopener nofollow"><strong>Live Demo</strong></a></h2>
<h3>🎯 Project Structure</h3>
<pre><code class="language-bash">portfolio/
├── node_modules/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── ui/
│   │   │   ├── Reusable Components/
│   │   │   │   ├── badge.jsx
│   │   │   │   ├── button.jsx
│   │   │   │   ├── card.jsx
│   │   │   │   ├── EducationLoader.jsx
│   │   │   │   ├── evervault-card.jsx
│   │   │   │   ├── flip-words.jsx
│   │   │   │   ├── icon-cloud.jsx
│   │   │   │   ├── meteors.jsx
│   │   │   │   ├── sparkles-text.jsx
│   │   │   │   └── tooltip.jsx
│   │   │   │
│   │   │   ├── Main Components/
│   │   │   │   ├── AnimatedGrid.jsx
│   │   │   │   ├── Contact.jsx
│   │   │   │   ├── Education.jsx
│   │   │   │   ├── enhanced-portfolio-card.jsx
│   │   │   │   ├── Experience.jsx
│   │   │   │   ├── global.jsx
│   │   │   │   ├── Header.jsx
│   │   │   │   ├── Hero.jsx
│   │   │   │   ├── Home.jsx
│   │   │   │   ├── PortfolioPage.jsx
│   │   │   │   ├── Projects.jsx
│   │   │   │   └── Skills.jsx
│   │   └── lib/
│   ├── App.jsx
│   └── main.jsx
├── Configuration Files/
│   ├── .eslintrc.js
│   ├── .gitignore
│   ├── components.json
│   ├── index.html
│   ├── jsconfig.json
│   ├── package-lock.json
│   ├── package.json
│   ├── postcss.config.js
│   ├── README.md
│   ├── tailwind.config.js
    └── vite.config.js


</code></pre>
<hr>
<h2>Sections of the Portfolio</h2>
<p>The portfolio website consists of the following sections:</p>
<ul>
<li><strong>Home</strong>: Introduction and a brief overview.</li>
<li><strong>Skills</strong>: A detailed list of my technical skills.</li>
<li><strong>Experience</strong>: My professional journey and work experience.</li>
<li><strong>Education</strong>: Academic background and certifications.</li>
<li><strong>Projects</strong>: A showcase of the projects I’ve worked on.</li>
<li><strong>Contact</strong>: Information on how to reach out to me.</li>
</ul>
<hr>
<h2>💻 Technologies Used</h2>
<ul>
<li><strong>Frontend:</strong> React.js with Vite</li>
<li><strong>Styling:</strong> Tailwind CSS</li>
<li><strong>Animations:</strong> Framer Motion</li>
<li><strong>Icons:</strong> React Icons</li>
<li><strong>Deployment:</strong> Vercel</li>
</ul>
<hr>
<h2>Installation ⬇️</h2>
<p>You will need to download <strong>Git</strong> and <strong>Node</strong> to run this project.</p>
<h3>Git</h3>
<ul>
<li>Download and install Git from the official website: <a href="https://git-scm.com/" target="_blank" rel="noopener nofollow">Git Downloads</a></li>
<li>Verify the installation:<pre><code class="language-bash">git --version
</code></pre>
</li>
</ul>
<h3>Node</h3>
<ul>
<li>Download and install Node.js from the official website: <a href="https://nodejs.org/" target="_blank" rel="noopener nofollow">Node.js Downloads</a></li>
<li>Make sure you have the latest version of both Git and Node on your computer.</li>
<li>Verify the installation:<pre><code class="language-bash">node --version
</code></pre>
</li>
</ul>
<h1>Getting Started 🎯</h1>
<h3>Fork and Clone the Repository 🚀</h3>
<ol>
<li>Click the <strong>Fork</strong> button at the top-right corner of the page to create your own copy of the repository.</li>
<li>After forking, open your terminal and run the following commands to clone the repo:</li>
</ol>
<pre><code class="language-bash">git <span class="hljs-built_in">clone</span> https://github.com/seraprogrammer/portfolio.git
</code></pre>
<p>Navigate to the Project Directory 📂
Once the repository is cloned, change your directory to the project folder:</p>
<pre><code class="language-bash"><span class="hljs-built_in">cd</span> portfolio
</code></pre>
<p>Install Dependencies ⚙️
From the root directory of your project, install the necessary packages:</p>
<pre><code class="language-bash">npm install
</code></pre>
<p>Run the Development Server 🚀
Start the development server to see your project live:</p>
<pre><code class="language-bash">npm run dev
</code></pre>
<p>View the Project 🌐
Open your browser and visit <a href="http://localhost:5173/" target="_blank" rel="noopener nofollow">http://localhost:5173/</a> to see the result! 🎉</p>
<h2>📝 License</h2>
<p>This project is licensed under the MIT License - see the LICENSE file for details.</p>
<hr>
<h3>🤝 Contributing</h3>
<ol>
<li>Fork the Project</li>
<li>Create your Feature Branch (<code>git checkout -b feature/AmazingFeature</code>)</li>
<li>Commit your Changes (<code>git commit -m 'Add some AmazingFeature'</code>)</li>
<li>Push to the Branch (<code>git push origin feature/AmazingFeature</code>)</li>
<li>Open a Pull Request</li>
</ol>


Create 🌸beautifully designed web apps and products with Finest Collection of Tailwind Dashboard Templates and 💰save a month in development costs.

Tailwind Templates

A sleek portfolio built with React and Tailwind CSS

<p>good design but my suggestion would be… there are too many effects happening on cards instead put those effects on card hover only.
it will enhance the design more and looks less cluttered.
other than that you’ve put scroll more to know but there is not much information on scroll. user will get confuse here as we have to click on header to know more.</p>


<p>Great job! However, on the main page, you tell the user to “scroll to explore” but there’s nothing much to explore, just a picture of you and a small description. I think you should create a dedicated “about” page for this</p>


<p>Check it out <a href="https://abishkarki.vercel.app/" target="_blank" rel="noopener nofollow">https://abishkarki.vercel.app/</a></p>


<p>Thank for sharing. I can use some point create my portfolio</p>
