New Software Engineer | Web Developer Portfolio

Here is a version of the previous portfolio made as a lad exercise during our early days at General Assembly.

• Early Portfolio Link

What Makes a Good Developer Portfolio?

A portfolio is not a resume. It is a showcase of completed work rather than a description of experience. For a developer, developing an online portfolio is the perfect way to flaunt the tricks of your trade. A web developer’s portfolio is the evidence to support the claims you have made in your resume. If a resume is where you talk the talk, a portfolio is where you have to walk the walk.(source: Codementor.io)

Table of Contents

• Link
• Browser Preview
• Mobile Preview
• Hardware Platform
• The Making of the Portfolio
• Code Sample
• Technologies
• Contribution Guidelines
• Attributions
• Special Thanks
• Acknowledgement
• Feedback

Link

• New Portfolio

Browser Preview

Mobile Preview

Hardware Platform

Clone repo, install, cd into folder and run:

npm install
npm start

The Making of the Portfolio

I encounter a few issues regarding React-MDL. There was a learning curve, but nothing too complex.

Code Sample

        } else if (this.state.activeTab === 1) {
            return (
                <div>
                    <h1>This is Javascript</h1>
                </div>
            );
        } else if (this.state.activeTab === 2) {
            return (
                <div>
                    <h1>This is Wordpress</h1>
                </div>
            );
        } else if (this.state.activeTab === 3) {
            return (
                <div>
                    <h1>This is HTML/CSS</h1>
                </div>
            );
        } else if (this.state.activeTab === 4) {
            return (
                <div>
                    <h1>This is Angular</h1>
                </div>
            );
        }
    }

This code helps the tabs hold value according to their state.(_source: https://tleunen.github.io/react-mdl/)

Technologies

• create-react-app cli
• React MDL material design
• React Router

Contribution Guidelines

Submit contribution through my repository for approval through this link:

• Portfolio Repo

Attributions

• Portfolio created using React Meterial Design Lite tleunen.github.io
• Icons taken from fontawesome.com
• Website hosting provided by netlify.com
• Custome domain hosting provided by namecheap.com
• Online GIF maker used hnet.com
• Images edited using pixlr.com
• Fonts provided by dafont.com
• Favicon made using favicon.io

Special Thanks

General Assembly Team: Ruby Sycamore-Smith General Assembly Students: Sage Kearny

Acknowledgement

No Acknowledgement yet

Feedback

No feedback notes yet