Skip to content

aryazeynep/My_Personal_Portfolio_Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Personal Portfolio Website

🚀 Overview

This is a personal portfolio website built with React.js and Bootstrap to showcase my skills, projects, and experience. The website includes sections such as an interactive banner, an about me section, skills, projects, and a contact form.

🛠️ Technologies Used

  • React.js - Frontend library
  • Bootstrap - Styling framework
  • React-Router - For navigation
  • React-Bootstrap - UI components
  • Animate.css - For animations
  • TrackVisibility - To reveal components on scroll
  • React Multi Carousel - Carousel component for skills section

📌 Features

  • Responsive Navigation Bar with social media links
  • Dynamic Banner Section with animated text
  • About Me Section with details on background and experience
  • Skills Section displaying technical expertise
  • Projects Section showcasing:
    • Tech blogs
    • Internships & organizations
    • GitHub projects
  • Contact Form to get in touch
  • Footer with additional links

Home page

About me page

Skills page

Projects page

Contact page

📂 Folder Structure

📦 portfolio-website
├── 📂 src
│   ├── 📂 assets        # Images and icons
│   ├── 📂 components    # React components
│   │   ├── Banner.js
│   │   ├── NavBar.js
│   │   ├── AboutMe.js
│   │   ├── Skills.js
│   │   ├── Projects.js
│   │   ├── ProjectCard.js
│   │   ├── Contact.js
│   │   ├── Footer.js
│   ├── App.js          # Main entry point
│   ├── App.css         # Global styling
│   ├── index.js        # Renders App component
└── ...

🖥️ Installation & Usage

  1. Clone the repository
    git clone https://github.com/aryazeynep/My_Personal_Portfolio_Website.git
    cd portfolio-website
  2. Install dependencies
    npm install
  3. Run the project
    npm start
  4. Open in Browser Navigate to http://localhost:3000

📑 Sections

🛠️ Skills

A carousel display of your technical and soft skills, including:

  • Project Management
  • Web Development
  • Machine Learning & Deep Learning
  • Generative AI & NLP
  • Competitive Programming
  • Bioinformatics
  • Blogging

📚 Projects & Blogs

Tabbed display with:

  • Tech Blogs: Articles on AI, fintech, open-source contributions, and more.
  • Internships & Organizations: Experiences at İş Bank, Google Developer Students Club, Wordbaze, and more.
  • GitHub Projects: Notable coding projects including eco-friendly power grid optimization and competitive programming solutions.

✉️ Contact

A functional contact form allowing users to send messages directly.

📝 Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests.

📄 License

This project is licensed under the MIT License.

📬 Contact

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors