Skip to content

DarkRaiderCB/Portfolio-with-Shepherd.js

Repository files navigation

Personal Portfolio

Welcome to my personal portfolio website! This project showcases my academic background, projects, technical skills, achievements, and provides a way to contact me. This is a very basic implementation focusing on demonstrating the application of Shepherd.js to create a guided tour.

Table of Contents

Introduction

This portfolio is a multi-page website that highlights my journey as an AI and Machine Learning enthusiast. It includes details about my education, projects, technical skills, and achievements, and provides a contact form for communication.

Technologies Used

  • HTML: For structuring the web pages.
  • CSS: For styling the website.
  • JavaScript: For interactive elements and the guided tour using Shepherd.js.
  • Shepherd.js (included via CDN): For creating the guided tour.

Features

  • Home Page: Overview of who I am and what this portfolio contains.
  • Academic Details: Information about my educational background.
  • Projects: Descriptions and links to some of my notable projects.
  • Technical Skills: A list of the technical skills I possess.
  • Achievements: Highlights of my significant achievements.
  • Contact Me: Contact details for interested visitors to get in touch with me.
  • Guided Tour: An interactive tour to guide visitors through the portfolio.

Project Structure

.

├── index.html # Home page

├── academic.html # Academic details page

├── projects.html # Projects page

├── skills.html # Technical skills page

├── achievements.html # Achievements page

├── contact.html # Contact form page

├── style.css # Central CSS file for styling

├── main.js # JavaScript for Shepherd.js tour

└── README.md # This file

Installation

To run this portfolio locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/DarkRaiderCB/portfolio.git
  2. Navigate to the project directory:
    cd portfolio
  3. Run in terminal:
    python -m http.server 8000
  4. Open a browser of your choice and enter in search box:
    http://localhost:8000/
  5. Open the index.html file to view the portfolio.

Demo

Link: https://youtu.be/CzosNeGrnks

Netlify Link

https://sanyog46.netlify.app/


Thank you for visiting my portfolio!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published