Everyone needs their own little spot on the interwebs, and this is mine.
Welcome to my portfolio!
This is the official open source repository of my website/resume aptly titled, Resume on the Web. It is build on the latest technologies, trying to put together as much of what I have learnt over the years intro practice.
The website features a variety of tidbits from across the web, from how the server is set up to the animations on the page. This README.md serves as a feature list as to what all has made this website special, and a proof of source for anyone else to fork and work on their own version of the website (with due credits, of course).
To check out the live version of the site in all of it's glory, head over to:
I didn't want my information to be displayed on just a sheet of paper that only HRs or Talent Scouts had the privilege of reading, I wanted it to be accessible to everyone. And that's how this project was conceptualized.
I constantly update it to match who I am, because just like this website, I don't have a static personality. I use the latest technologies and use this platform to challenge myself into learning new frameworks, new build tools, experiment with new design ideas while keeping the core principle of getting to know me as simple as possible.
This version of the project was built using GatsbyJS (React), a little bit of GraphQL to query local data, Tailwind CSS for their utility-first classes and Netlify to host the site.
I hope you loved the site as much as I enjoyed developing it and learning from it. If you did, please let me know using the contact form on the website, I would be ecstatic to hear from you.
If you would like to peek around the code and see what makes this website tick, the complete source code is open to probing right here on GitHub. You can even edit it to make your own version of the site, as this project is copylefted under the permissive MIT License.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
React is a free and open-source front-end JavaScript library for building user interfaces or UI components. You can use it to help build single page applications and mobile apps, or to build complex apps if you utilise it with other libraries.
A utility-first CSS framework for rapidly building custom designs. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs
GraphQL is an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data. GraphQL lets you ask for what you want in a single query, saving bandwidth and reducing waterfall requests. It also enables clients to request their own unique data specifications.
Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites. Netlify is a web developer platform that multiplies productivity. By unifying the elements of the modern decoupled web, from local development to advanced edge logic, Netlify enables a 10x faster path to much more performant, secure, and scalable websites and apps. Our bet on the Jamstack is quickly coming true.
Since the project has been set up with Gatsby, the build process has become easier than ever. Just follow the steps to get started:
- Make sure you have Node/NPM installed on your computer, then run the following commands:
npm install -g gatsby-cli- Clone the repository and go into the working directory
git clone https://github.com/starhelios/Portfolio-Gatsby.git
cd Portfolio-Gatsby- Then, just run this command to install the necessary dependencies. It might take a while for it to finish, so keep an episode of 'Friends' running, just in case.
npm install- Watch the project come to life by firing up a server, brought to you by
gatsby-cliwhich you installed in Step 1
gatsby develop- If you want to build the application in production, just make use of
gatsby-cliagain
gatsby build