https://github.com/nicklitwinow/react-portfolio

A modern, dynamic portfolio website built with React. This project combines GitHub data, modern animations, and an intuitive interface to showcase projects, social links, and GitHub activity.
https://github.com/nicklitwinow/react-portfolio

framermotion frontend githubapi modernweb portfolio react

Last synced: about 1 month ago
JSON representation

A modern, dynamic portfolio website built with React. This project combines GitHub data, modern animations, and an intuitive interface to showcase projects, social links, and GitHub activity.

• Host: GitHub
• URL: https://github.com/nicklitwinow/react-portfolio
• Owner: NickLitwinow
• License: mit
• Created: 2025-01-31T08:44:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-02T07:44:17.000Z (over 1 year ago)
• Last Synced: 2025-04-05T21:26:46.486Z (about 1 year ago)
• Topics: framermotion, frontend, githubapi, modernweb, portfolio, react
• Language: JavaScript
• Homepage:
• Size: 6.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Portfolio



  



## About the Project

**React Portfolio** is a modern portfolio that:

- Loads and displays your avatar, bio, and profile data from GitHub.

- Shows social links with attractive icons and tooltips on hover.

- Demonstrates your GitHub activity calendar via a widget.

- Sorts and displays projects from GitHub, including their descriptions, badges (stars, language), topics, and an image extracted from the README.

- Uses Framer Motion animations to create a modern, smooth interface.

## Features

- **Dynamic Data Loading:** Automatically fetches user, repository, and activity data from GitHub.

- **Animations & Interactivity:** Smooth element transitions, hover animations, and a modern design.

- **Social Links with Tooltips:** Social network icons reveal link titles (CV, LinkedIn, GitHub, Instagram) on hover.

- **Topics Display:** Project cards include repository topics (hashtags) to help quickly identify development areas.

## Technologies

- **React** – A library for building user interfaces.

- **Framer Motion** – A library for creating animations.

- **React Icons** – A collection of icons for social links and other elements.

- **GitHub API** – For fetching profile, activity, and repository data.

- **CSS Flexbox & Grid** – For a responsive and modern layout.