Skip to content

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

Notifications You must be signed in to change notification settings

Mohit1108/ReactPortfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published