Yeah I realized after the fact that showing off all my react projects actually built inside of the portfolio was not the brightest move making the loading time way too long I plan to move them all out this week and host them elsewhere to speed things up thanks man!
@ksjazzguitar
Thanks for the tips on ON captions each project on my portfolio page definitely going to add that in!
[Edit: this went way long and I apologize in advance for nit-picking. Once I turn that mode on, itâs hard for me to turn off. Also, it seems like the indentation on the bullets turned off at some point, so I apologize for that too.]
Portfolio
Landing page
âA small sample of some of my Professional & Pro-Bono workâ
âProfessionalâ and âpro-bonoâ should be lowercase: âprofessional and pro-bono.â
Route 247
âRoute247 was one of my first real world projects and I was very excited to be involved in their cause.â
If you can, itâs best to avoid âvery ______â as a construction.
âRoute247 provides students with an online community, resources and real-world opportunitiesâ
you probably want a comma after âresourcesâ here. You can actually get away with either in this case, but putting in the second comma makes it clear that youâre talking about three things ((community) (resources) (real-world opportunities)), not two ((community) (resources and real-world opportunities)).
East Coast Driving School
âA good friend, wanted to updateâ
This is a comma splice. Correct is âA good friend wanted to updateâ
âShe hadnât knownâ
Consider âShe didnât knowâ.
PSD to HTML Conversion
âContract Web Developerâ
Donât capitalize this. The general rule is that if it comes before a name, like âColonel Mustardâ or âPrincipal Skinner,â you capitalize the job title. Otherwise, lowercase.
I was given a fun code challenge. Take a psd from Daniel Snell and"
In this case, the second sentence explains the first, so a colon is appropriate. âI was given a fun code challenge: take a psd from Daniel Snell andâ
Also, âpsdâ should be capitalized, or maybe written as â.psdâ. And is it normal usage to use it as a noun, or should you say âPSD fileâ?
You should explain who Daniel Snell is or just leave his name out: âtake a PSD file and convert it into HTML.â
âBuilt used, HTMLâ
Should be âBuilt using HTMLâ
When I went to the page itself, the âTestimonialsâ section said, "Snell ask for a webiste to be cloned and it was done. A simple task really. One in which I also learned how to reverse a CSS3 animiation which is pretty dope if I do say so myself Iâm running out of stuff to say so I believe some Cat themed Lorem Ipsum is going to be coming up next. " This has a few grammatical errors and a spelling error; you might just stick to the ipsum. I thought putting the food names in the ipsum in other sections was awesome.
Simon Game
âFully functional and very addictive Simon Gameâ
I feel like you could take out âfully functionalâ: why would you feature a game on a hire-me page that wasnât fully functional?
Take out âvery,â for the same reasons stated above, plus âvery addictiveâ feels redundant
âBuilt using, HTMLâ
Comma splice. Correct is âBuilt using HTMLâ
Iâm on a normal-size laptop, and the screen that loads is too big and requires scrolling down. If thereâs an easy fix for this with Bootstrap or something, that would be great: this is the only
You donât want to capitalize âflavored,â âmarkdown,â or âpreviewer.â
You need a single connected dash between âGithubâ and âflavoredâ: âGithub-flavored.â Whenever you are using multiple words as a single adjective before a noun, connect them with dashes: âMost-improved-camper award.â (But if they go after the noun, no dashes: âthe award for most improved camper.â)
Tic Tac Toe
âA simple Player vs Compouterâ
âComputerâ is misspelled.
Consider another description: as is, on first glance it looks like âsimpleâ modifies âPlayer.â Maybe âA simple tic-tac-toe game for a single player against the computer,â or something like that?
âBuilt using: HTML, CSS, JQuery.â
This line is a little different on each project page. Choose a standard (especially whether or not to end the line with a period) and stick with it.
I ran into a couple problems playing the game: When I choose O, the computer doesnât make the first move, and when I try to reset while in the middle of the game, I have to hit the button twice.
Bottom four apps
You might consider pulling these off until theyâre more polished. if not:
Having the language names without app descriptions in the buttons was confusing, and I would definitely hit your girlfriend up for icons to match the others.
The weather app seems to work pretty well, but the UI is a little sparse; if youâre looking for a frontend job you might try to spruce it up a little.
The blog app says, âCheck out the post below titled âMy React Blogâ for the description!â but I couldnât see any such post, or a button to connect to that post.
Lyric writing app: it was hard to see exactly what this did, and the UI was just two links, both of which said, âFunâ.
About
âI am a front-end developerâ
âI love to develop in JavaScriptâ
âI build websites and applications.â
In addition to the capitalization, you want to either append a period at the end of each sentence or do no periods: right now the first and fourth have periods and the second and third donât.
âMassive deep diveâ is redundant.
âTherefore I explored the option of developmentâ
Consider âso I explored web developmentâ
âUpon completion, I was hooked.â
This would mean that after you finished, you were hooked, which seems unlikely. Were you hooked immediately? Or maybe just hooked? Those seem more likely.
âI started picking up every course about every language I stumbled upon.â
This also seems unlikely, and makes it seem like you lack focus.
âOver the next couple of months, I was buildingâ
âOver the next couple of months, I began buildingâ or âOver the next couple of months, I built⌠and learnedâŚâ
âOnce I built up my confidence, I defined my skillsetâ
Should be ârefined my skillsetâ.
âdedicating my education and practice to JavaScript, primarly focused on ReactJS.â
âPrimarilyâ is misspelled, and âfocusingâ is better in this caseâit agrees with âdedicating.â
âself taught developerâ
âself-taught developerâ
âI have made learning into my passion and developed a logical mind geared towards problem solving, as well as a penchant for being the very best at anything placed in front of me.â
You called yourself âpassionateâ in the previous sentence, so saying that learning is your âpassionâ feels a little redundant. Also, consider using active voice: âLearning is my passion, I have a logical mind geared towards problem solving, and âŚâ And âpenchantâ tends to have connotations of âfondnessâ or âliking,â which feels a little out of place when paired with âbeing the very bestâ: maybe âdrive to beâ or something similar there.
Education
I love the Yoda quote.
âAs the 900 year old Jedi Master said himself, your education never stops.â
A couple things here. First, consider âAs the 900-year-old Jedi Master said, âŚâ
Second, the construction of the sentence makes it sound like youâre quoting him in the second half of the sentence, which I donât believe was your intent: Yoda didnât say, âYour education never stops.â
âAnd this simple concept is what has driven me, a Culinary Arts Student, to take on the mantle of Web Developer. It hasnât always been an easy road, not that I expected it would be, but it has been far more fulfilling than I couldâve imagined. Below are a few of my certifications and areas where I have studied.â
Consider âAnd this simple concept has driven me, a chef, to take on the mantle of web developer. It hasnât always been an easy road, but it has been more fulfilling than I could have imagined. Below are my certifications and areas of study.â
Consider adding areas of study; right now, it seems like you just have certifications (the Treehouse badges feel more like certifications than areas of study to me, but I am new to this world and could be dead wrong).
The browser back button on this section is live, but wonât take me back to the main page.
Contact
âWhen Iâm not spending every waking hour coding I love to be outside in nature but I always keep my phone handy so you can always reach me by:â
I like how youâve personalized this, but maybe find another way to talk about your interests and hobbies. Also, this statement is logically contradictory, unless you code outside in nature or sleep outside in nature.
âIf you made it this far and want to offer me the Opportunity to work with you or your Company
Here are more offical means of communicationâ
âIf you made it this farâ makes it sound like they had to trudge through an ordeal to get to this page.
âOpportunityâ and âcompanyâ should not be capitalized.
âOfficialâ is misspelled, and I donât think you need to offset them with a special statement; just list them the same way you listed your other means of contact. And think twice before putting your phone number and email out on the internet. Also, you might want to make the phone and email icons hrefs that you can click on.
if you want a subjective opinion, which may be wrong:
portfolio app should be lighter and more informative at a glance, i.e. the landing page should not require a potential recruiter/employer to take any actions at all to get the whole picture of you as a specialist;
example projects should not be included in the app, each should be hosted on its own (for example, https://www.push2.io/ can be used for codepen projects, https://www.openshift.com/ for github projects) and should be lazy loaded only on user demand if you want to showcase any within portfolio app UI;
it may not be reasonable to showcase all (or a lot of) your projects in your portfolio app UI, because of short attention span, which is quite popular according to personal subjective observations, and unwillingness of lots of recruiters/employers to invest time in deep portfolio exploration (just like with paper CVs); if recruiter/employer gets interested in you as a specialist, one will follow your profile links (codepen, github etc) from your portfolio app to see more (and both codepen and github have a showcase section).