mohit1108 / reactportfolio

React.js Portfolio integrated with Headless WordPress for fetching projects, featuring a Tic Tac Toe game and GitHub repository sidebar.

React.js Portfolio - Headless WordPress Integration

This project is a personal portfolio built using React.js for the frontend and WordPress as the backend. It combines various sections to showcase personal details, a Tic Tac Toe game for enhanced user experience, and projects fetched from WordPress.

Project Link - https://reactjs-mohit.netlify.app/

Features:

Hero Section: The hero section highlights personal details and includes a Tic Tac Toe game for interactive engagement.

Personal Details: This section provides comprehensive information such as contact details, bio, interests, and experience. Additionally, a sidebar displays GitHub repositories fetched using the GitHub API.

Projects Section: This section showcases projects fetched from WordPress. To accomplish this, a custom post type and advanced custom fields were created in WordPress. The projects are displayed with their names, descriptions, and links.

Key Technologies Used:

React.js: Frontend framework for building interactive user interfaces.

WordPress: Backend CMS used for managing and organizing project data.

Headless WordPress: The project follows a headless architecture, separating the frontend and backend to provide flexibility and easy integration.

Key Learnings:

API Integration: Fetching data from GitHub and WordPress using their respective APIs.

Game Development: Creating a Tic Tac Toe game for an enhanced user experience.

Code Syntax Highlighting: Implementing a code syntax highlighter for code snippets.

Project Filters: Incorporating filters to categorize and sort projects.

This portfolio project demonstrates a clean and intuitive user interface along with a seamless integration of React.js and WordPress. The utilization of headless WordPress architecture ensures a flexible and scalable solution for managing and presenting personal projects.