Welcome to my personal portfolio website! This is a showcase of my skills, projects, and professional journey.
- 📱 Fully Responsive
- 🎨 Modern Design
- 💡 Easy to Navigate
- 📝 Dynamic Project Showcase
- 📫 Contact Form
- 🌗 Smooth Animations
- HTML5
- SCSS/SASS
- JavaScript
- Parcel (Build Tool)
- ScrollReveal.js
- Bootstrap
To run this portfolio locally:
-
Clone this repository:
git clone https://github.com/shadhinnandi/portfolio.git
-
Install dependencies:
npm install
-
Start the development server:
npm start
The site will be available at http://localhost:4000
This portfolio is set up for automatic deployment to GitHub Pages. Here's how it works:
The site automatically deploys to GitHub Pages when you push to the main branch. The deployment:
- Builds the project using Parcel
- Creates a
gh-pagesbranch - Deploys the built files to GitHub Pages
To build the project locally:
npm run buildThe built files will be generated in the root directory.
src/
├── index.html # Main HTML file
├── styles.scss # Main SCSS file
├── assets/ # Images and other assets
├── data/ # Configuration files
├── sass/ # SCSS components and layouts
└── scripts/ # JavaScript files
You can customize various aspects of the portfolio:
- Update content in
index.html - Modify styles in the
sassdirectory - Configure scroll animations in
data/scrollRevealConfig.js - Add/modify projects in the projects section
Feel free to reach out if you have any questions or would like to connect!