Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move homepage sections into individual components #37

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

usman1100
Copy link

⚠️ Major Refactor ⚠️

Moving Sections markup into individual components

This PR creates components for sections like personal info, about, projects etc

Reason

The home page has a lot of markup, making it hard to navigate and read. Additional sections will make the readability even worse

Changes

Just took the markup and pasted into a new component just for better readability and ability to add more sections without overcrowding the home page.

The components don't take props, they use the global RESUME_DATA object.

Copy link

vercel bot commented Dec 31, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
cv ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 31, 2023 7:22pm

@VladimirCreator
Copy link

I think it'll be better to get rid of all

import { RESUME_DATA } from '@/data/resume-data'

in

  1. Education.tsx
  2. Personal.tsx
  3. Projects.tsx
  4. Skills.tsx
  5. Summary.tsx
  6. WorkExperience.tsx

and pass all required data as props:

/* page.tsx
*/
<Personal about={...} ... />
<Summary summary={...} />
<WorkExperience work={RESUME_DATA.work} />
<Education education={RESUME_DATA.education} />
<Skills skills={...} />
<Projects projects={...} />

@usman1100
Copy link
Author

@BartoszJarocki Let me know what you think of this

<h2 className="text-xl font-bold">Work Experience</h2>
{RESUME_DATA.work.map((work) => {
return (
<Card key={work.company}>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can be further divided into a work-detail component

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants