/Portfolio-v2.0

A professionally designed portfolio website, utilizing the latest technologies such as ReactJS, SCSS, Animate CSS ,Email JS and LeafletJS to deliver an interactive and visually compelling user experience. The website showcases my skills and achievements through dynamic transitions, intuitive navigation, and engaging animations.

Primary LanguageJavaScript

Portfolio Website

Welcome to my portfolio website! This site is designed to showcase my skills, achievements, and projects through an interactive and visually compelling user experience. Below, you'll find an overview of the technologies used and features implemented to bring this project to life.

Table of Contents

Introduction

A professionally designed portfolio website, utilizing the latest technologies such as ReactJS, SCSS, Animate CSS, Email JS, and LeafletJS to deliver an interactive and visually compelling user experience. The website showcases my skills and achievements through dynamic transitions, intuitive navigation, and engaging animations.

Technologies Used

  • ReactJS: A JavaScript library for building user interfaces, enabling the creation of dynamic and responsive web applications.
  • SCSS: A CSS preprocessor that allows for more powerful and flexible styling through variables, nested rules, and mixins.
  • Animate CSS: A library of ready-to-use, cross-browser animations for use in your web projects, making the site more engaging and visually appealing.
  • Email JS: A service that allows you to send emails directly from your JavaScript code without a server.
  • LeafletJS: An open-source JavaScript library for mobile-friendly interactive maps.

Features

  • Dynamic Transitions: Smooth and visually appealing transitions between different sections of the website, enhancing user experience.
  • Intuitive Navigation: Easy-to-use navigation that helps users quickly find the information they are looking for.
  • Engaging Animations: Eye-catching animations that make the website more interactive and enjoyable to explore.
  • Contact Form: A functional contact form powered by Email JS, allowing visitors to easily get in touch with me.
  • Interactive Map: An interactive map created using LeafletJS to showcase locations relevant to my work and projects.

Installation

To run this project locally, follow these steps:

  1. Clone the repository: 
    git clone https://github.com/yourusername/portfolio.git
  2. Navigate to the project directory: 
    cd portfolio
  3. Install dependencies: 
    npm install
  4. Start the development server: 
    npm start

Usage

Once the development server is running, open your browser and navigate to http://localhost:3000 to view the portfolio website. You can explore the various sections, view my projects, and use the contact form to send me a message.

Contact

Feel free to reach out if you have any questions or suggestions! You can contact me via the contact form on the website or through the following channels:

Thank you for visiting my portfolio website!