Skip to content

Convert static HTML portfolio to dynamic React.js app with Framer Motion animations. Fetch API data for sections like Hero, Services, Projects, Skills, Testimonials, Social Media. Responsive design ensures compatibility. Future plans include contact forms, accessibility, and performance optimizations. Contributions welcome!

License

Notifications You must be signed in to change notification settings

darshanm17/ThePortfolyo-Assignment-Conversion

Repository files navigation

Dynamic Portfolio with React.js and Framer Motion

This project is a dynamic portfolio built using React.js and Framer Motion. It fetches data from an API endpoint to populate various sections of the portfolio, such as the Hero Section, Services, Projects, Skills, Testimonials, and Social Media Handles. The goal of this project is to convert a static HTML portfolio template into a dynamic React.js application, enhancing its visual appeal with animations using the Framer Motion library.

Features

  • Fetches data from an API endpoint to populate dynamic content.
  • Utilizes React.js for component-based architecture and state management.
  • Enhances visual appeal with animations using the Framer Motion library.
  • Consists of separate components for each section of the portfolio.
  • Renders dynamic content based on the fetched data within React components.
  • Maintains responsiveness and cross-browser compatibility.

Technologies Used

  • React.js
  • JavaScript
  • HTML
  • CSS
  • Framer Motion
  • API (to fetch data)

Getting Started

To get a local copy up and running follow these simple steps:

  1. Clone the repository:
    git clone https://github.com/your-username/ThePortfolyo-Assignment-Conversion.git

2.Navigate into the project directory:

  cd ThePortfolyo-Assignment-Conversion

3.Install dependencies:

   npm install

4.Start the development server:

   npm start

License This project is licensed under the MIT License.

About

Convert static HTML portfolio to dynamic React.js app with Framer Motion animations. Fetch API data for sections like Hero, Services, Projects, Skills, Testimonials, Social Media. Responsive design ensures compatibility. Future plans include contact forms, accessibility, and performance optimizations. Contributions welcome!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published