Skip to content

Migrate static landing page to React app with routing and centralized data#7

Open
phoneuooyd wants to merge 1 commit into
mainfrom
codex/refactor-portfolio-to-use-react-components
Open

Migrate static landing page to React app with routing and centralized data#7
phoneuooyd wants to merge 1 commit into
mainfrom
codex/refactor-portfolio-to-use-react-components

Conversation

@phoneuooyd

Copy link
Copy Markdown
Owner

Motivation

  • Replace a large static HTML landing page with a componentized React application to enable client-side routing, reuse and easier maintenance.
  • Centralize site content and translations into a data module so UI components can render language-aware text and project details.
  • Provide dedicated project detail pages and a language switcher to improve navigation and i18n readiness.

Description

  • Replace index.html content with a mounting point (<div id="root"></div>) and load the React entry src/main.jsx instead of embedding the whole page and inline scripts.
  • Introduce React routing and state: add react-router-dom to package.json and update package-lock.json, and implement routes in src/App.jsx for / and /projects/:slug with a HomePage wrapper and language state.
  • Add componentized UI: refactor and simplify components Header, About, Projects, Skills, and Contact, and add a new ProjectPage component (all under src/components/) to render project details and galleries.
  • Create src/data/portfolioData.js to centralize profile, multilingual homeContent, skillGroups and projects data, and update src/main.jsx and src/index.css imports accordingly.

Testing

  • No automated tests were added or executed as part of this change.

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant