Career Path Tree

[tanaypratap]

becoming a full stack developer path

Why?

Students who are new to programming don't know what to learn and in which order. It all seems overwhelming. This page will show them the path and if they follow it they'll be ready for interviews and jobs in a systematic manner.

Implementation

Something like this: https://www.w3schools.com/howto/howto_css_timeline.asp

Few features or changes:

• Needs to be in React
• Can read data from a JSON using gatsby plugin
• Instead of years it will be technology/course name. Clicking on each leaf should take to a specific URL.

entries in JSON would like this:

{
    header: "html/css basics",
    intro: "learn basic tags and style before jumping into anything advanced",
    url: "/create-profile-course",
    icon: "someimage.png",
    status: "released"
},

{
    header: "data structures",
    intro: "now when you know all of this, start learning DS & Algo to prepare for interviews",
    url: "/ds-for-interviews",
    icon: "some-other-image.png",
    status: "upcoming"
}

[imchetanyadav]

I can work on this.

For timeline we can make use of this: https://github.com/stephane-monnot/react-vertical-timeline

We can have a file structure like this:

- data
   - careerpaths
     - fullstackdev.json
   - careerpathleafs
     - fullstackdev
        - htmlcss.md
        - datastructure.md

or

- data
   - careerpaths
     - fullstackdev
        - index.json
        - htmlcss.md
        - datastructure.md

[tanaypratap]

@imchetanyadav we need only one career path for now. So, file structure can be

data
   careerpaths
      full-stack-dev.json

Start with this. This should suffice. We need to put only one/two lines for each leaf, don't need a separate node for it. If you start working on it then send a WIP(Work In Progress) PR referencing this issue and I'll assign this issue to you.

[imchetanyadav]

md files I listed in file structure were referencing to content of pages that open when leaf node is clicked not leaf node content itself.

[tanaypratap]

@imchetanyadav update on this?

[imchetanyadav]

Done with the basic implementation and raised PR. See if it seems fine.

[tanaypratap]

I'll check it out. Apologies for the delay in reply.

On Sun, 9 Jun, 2019, 10:18 PM Chetan Yadav, notifications@github.com wrote:

Done with the basic implementation and raised PR. See if it seems fine.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/learncodingfree/learnCodingFree.org/issues/10?email_source=notifications&email_token=ACN6LH4KJFA25QTNJJGAEYLPZUX43A5CNFSM4HTYJYF2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXIN5EI#issuecomment-500227729, or mute the thread https://github.com/notifications/unsubscribe-auth/ACN6LH4HAK7E4W7UK65VT3DPZUX43ANCNFSM4HTYJYFQ .