Skip to content

Konseptt/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Website

Hi, I am Ranjan Sharma. This repository contains the source code for my personal portfolio website.

Live site: syllabuscal.ranjansharma.info.np

Repository details to set on GitHub

  • Description: Personal portfolio website of Ranjan Sharma
  • Website: https://syllabuscal.ranjansharma.info.np
  • Topics: portfolio react frontend web-development personal-website cyber-security software-engineering

What this site includes

  • Intro header with social links and call to action
  • About section with rotating tech cube
  • Experience and services sections
  • Portfolio projects with modal details
  • Review carousel with Swiper
  • Contact form powered by EmailJS and toast notifications
  • Footer with quick links

Built with

  • React 18
  • SCSS and CSS modules by component
  • AOS for scroll animations
  • Swiper for reviews
  • React Icons and Font Awesome
  • EmailJS for contact messages

App flowchart

flowchart TD
    A[Open website] --> B[Loader for 2 seconds]
    B --> C[Render main portfolio page]
    C --> D[Scroll listener updates active nav state]
    C --> E[User explores sections]
    E --> F[Open portfolio project modal]
    E --> G[Submit contact form]
    G --> H[EmailJS sendForm]
    H --> I[Success or error toast]
Loading

Component diagram

graph TD
    App --> Loader
    App --> Header
    Header --> CTA
    Header --> HeaderSocials
    App --> Nav
    App --> About
    App --> Experience
    App --> Services
    App --> Portfolio
    Portfolio --> Modal
    App --> Review
    App --> Contact
    App --> Footer
Loading

Visuals from the live website

Portfolio cards

YouTube Clone SHM Visualization
YouTube Clone SHM Visualization
Rust AI Car Driving Visualize Code
Rust AI Car Driving Visualize Code
HashPass Netflix Clone
HashPass Netflix Clone

Local setup

npm ci
npm start

Production build

npm run build

Thanks for checking out my portfolio.

Releases

No releases published

Packages

 
 
 

Contributors