Edit
Updated URLs to the new domain ♥
Hey Everyone, I'm very thrilled to announce that the first version of my portfolio website is ready for everyone to see! Check it out at https://amorpheuz.dev/.
I am originally a front-end developer, who has been polishing his React and Gatsby Skills throughout the past year. But my current pursues of Data Science academically ended up hampering my progress where I couldn't find time for projects. At the start of the worldwide lockdown situation, I was determined to get at least a couple of projects completed during my time at home. The first one of those finalized was my Portfolio Website.
Throughout 2020, I started coming across more and more blog posts that emphasized Blog Post Syndication. And you know what, they sold the idea to me! I started researching various things from other dev portfolios/blogs to design systems for it. The recent Blogging for Devs by @monicalent acted as a reaffirmation of my plan.
I found the Terminal theme by @PaulieScanlon to be the perfect foundation for my plan and started working on the idea. Many developers go with building their portfolio from scratch. I felt it would be better to start with a solid base/starter rather than starting from nothing. It thereby highlights my ability to integrate with others with my custom touches to the base. What I envisioned was a website that gave the visitor a feel of editing his development environment, basically their virtual home. My portfolio is the initial interpretation of the plan!
As you might have noticed already, I feel developing a portfolio is a continuous process. The milestone I have reached feels a great stable before moving ahead, and thus I have decided to showcase it to get some feedback! Please do leave your feedback in the comments. 😀
Before closing out, I would like to post a mix of my long and short term plans on what's next for my blog!
- Enable Canonical URLs after obtaining a custom domain.
- Start with syndication from my next blog post (Coming soon 😉).
- Develop custom components for third party content like DEV does with its liquid tags.
- Improve SEO with further research.
- Add support for the Hindi Language on the website, improve accessibility.
- Customize layouts and GraphQL queries to fetch more custom data.
- Add comments & interactivity to the website via serverless architecture.
- Integrate Projects & activity with GitHub API.
Follow me on Twitter at @Amorpheuz to catch up on my progress! Once again, thank you to @PaulieScanlon for providing such an awesome theme. I am looking forward to what you folks have to say about it!
P.S. Here's a link to the Heart in the footer to use, as thank you for making this far. Open with your favorite text editor and change the fill values to modify its colors!
Top comments (84)
Looks very nice. While you are looking for hosting for your projects, maybe you can just add some images so people can get an idea of what you created. Or just some links to Github repositories. Overall nice job. I love the function headers! :)
Ooof! Linking the GitHub repos, it escaped my mind, aha 😅
I will be updating them with images and repo links until I figure out how to host them! Thank you for your inputs ❤
Very original design, I really like the palette and the layout you chose! Gj! :)
Just a question: how are you going to implement the SEO? Are you planning to migrate to Next.js or doing it in Gatsby? I am asking because it is the last step that is missing in my website!
Thanks a ton! ❤
I will be sticking with Gatsby unless Next.js provides some significant benefits. I'm still researching on all the steps that I will be performing related to SEO, but here's what I have looked up till now:
robots.txt. More information can be found here support.google.com/webmasters/answ...I will be producing a comprehensive blog post on what steps I performed once I am done with SEO 😁
Thank you for your detailed answer! Can't wait for your next post about these stuff, you gained my follo! :)
Very neat portfolio! I would recommend improving the home page layout a little or getting rid of it completely since your About page makes a good home page. I feel that your home page is too cluttered, maybe add some extra spacing to separate the different sections more?
I can see how the home page might feel too cluttered. I will look into better layout options and improve spacing to make the sections more clear! Thank you for your pointers ❤
Wow, that dark theme are look so nice. I hosted my personal website on GitHub pages with GatsbyJS too (you might check it out at desenfirman.github.io ). But I still had problem on my post that not indexed by Google. Did you have any ideas on it? (Eg: plugin or more configs, or etc)
I'm still researching the SEO & deployment sides of my website. Here's what I have researched about and plan to implement till now:
Your site looks cool 😎! Skillful use of the typing effect I would say, love the animations 😁
This is amazing. Like I love the concept behind all of it and the theme you went with. As people have said maybe adding a picture/link to the actual projects would be super helpful. Still doesn’t take away anything from the portfolio, great stuff man.
Thank you 😁
Looks great ! Nice design , would be very cool if some of the text had typing effect
One of my main goals with the site was having it load as fast possible, my current expertise(beginner level) with animations doesn't allow me to add any! I will be looking into subtle effects once I learn more. Thank you ❤️
I disagree - I think the typing effect is a little overdone XD But agree, the design of your site is lush!
Yup, I have been noticing the typing effect on a lot of websites haha! Thank you for the praises ❤️
Hi Yash, I loved it the way you show up your portafolio, the palette of colours, the layout, and the content. My unique feedback, it's not a technical one but I think it might help you to get a higher pay for your work. It is regarding the picture of yourself that you use. In my opinion, you can add a photo that show you more professional despite that you're young.
Remember that the recruiters will pay attention to keywords and... your picture.
Hope that it help you!
Definitely some unique advice here! Thank you for it. ❤ Adding it to my TO-DOs for the next time I am in more formal attire!
Before I read the comments, I'm gonna add my opinion... first off good job on the portfolio 👍. Who remembers color psychology?
The colors for the websites are not so perfect on the eyes in my opinion, just looking at it doesn't compell me to read. As a front-end jr dev who follows UX principles. The User Experience is very poor.
I dont mean to discourage you and I understand that you have been combered with work so you used a theme instead. Cause ik the headache when it comes to sitting down and planning your work; layouts, design, etc. Dont get me wrong the content is good but choosing colors are very crucial, colors are to attract potential clients and readers. You have to make them feel welcomed and compelled to read. In development it's not about what you like it's about who you are attracting.
I will be adding further theme switches to the website too in the coming future, a light-theme version which is preferable to many folks and easier on eyes is on top of my TO-DOs.
I will try to read a bit more about color psychology. As a UX designer, could you recommend some resources... the few I have attempted at reading left me more confused due to their abstractness than enlightened. Thank you for your inputs! 😁
Well for UX.. my resources are straight forward.
Key Components of UX for me
Observations - Observe how users in real time interact with websites and apps.
Principles - know the Principles, it gets you far if you have little to know knowledge.
Once your aware of the User Experience your good to go.
I'm glad to could help.
As Developers we are a large community and I think its good practice to highlight problems, mistakes among us and encourage.
cool portofolio bro you design it yourself or what?
Thanks! The base components are from Gatsby-Theme-Terminal by Paul Scanlon, but I am steadily modifying those to my own liking as I build up increasingly on this. Structure, Colors, etc... are my own!
wow supa cool everybody use gatsby now thats why i thought i've seen this somewhere but i dont know which one exactly you use for design anyway great design
Hey! I have just seen your resume in PDF and I really like it! How did you do it? Latex maybe? :D
Haha, I wish I were this good with LaTeX. I have known about it for a long time but never worked with it enough to get to know it fully. This is just a free Word Template I picked from the Office website templates.office.com/en-us/balance... with some minor edits.
I loved how it's minimal usage of colour where it isn't too fancy nor too plain, just enough highlights!
Thanks a lot for sharing it! :) Awesome portfolio btw
Thank you 😊
Thank you! ♥
None of my projects are in active development right now, so nothing here as of now but what I would suggest you is checkout awesome-dotnet-core github.com/thangchung/awesome-dotn... it lists a ton of projects which you could look at for contributing to!
Congrats for this step!
The theme is good, but I agree with some comments about the colors. Maybe pick only 2 shiny colors and change the rest for gray or black variants.
Only my opinion.
Also viewing the projects in action can empower your code. It's very easy with jsfiddle, stackblitz or codesandbox!
Definitely you should pick that low hanging fruit.
Only some feedback, I really liked it. I might even take some ideas for my portfolio journey hehehe😁
Keep on the road!
Thank you! ❤
Yes, after all the requests + helpful tips about the projects, I'm definitely looking to tackle the project preview option as soon as I'm done finalizing SEO and Hosting. Feel free to grab ideas for your portfolio and do share it once ready!
Hi, nice portfolio page... what I miss is links to your live projects or demos. Maybe that's intended.
I am looking at avenues where I can host those at affordable cost/free since most of them are monolithic apps requiring a database and business logic host. I see Azure as a choice since they have a certain free account which could facilitate hosting. But before I would commit to it, I would triple verify that I will not run up a bill since it would put me in an exceedingly tricky situation at home.
I would love to hear if you have some advice on how to solve this problem! Getting them hosted for visitors to review is something I would love to have. Thank you for your inputs 😁
I can also recommend Digital Ocean. Not free but you can set limits really well.
I have used DigitalOcean before, while I had some free credits. I loved how easy its UI was. I think understanding limiting usage on it would be the easiest. Thank you for your advice! 😀
Try Heroku and Firebase hosting. They have nice free tiers without credit cards.
That's awesome, I will check those out for hosting too! Thank you for your advice ❤
That's very unique Yash. Especially the headings with function braces
Thank you ❤️ it is one of my favourite effects!
Wow! This is great, nicely done, congrats. I love how you explain the problem in your projects. Keep it up 👍🏽
Thank you ❤