amruthpillai/ResumeOnTheWeb-Gatsby

---

Badges of Honor

---

Everyone needs their own little spot on the interwebs, and this is mine.
Welcome to my resume, on the web!

Introduction

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).

Visit the Website

To check out the live version of the site in all of it's glory, head over to:

https://www.amruthpillai.com/

About the Project

Resume on the Web has been a project that I've been focused on since the early 2014s. 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 Firebase 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.

Screenshots

Here is just a small sneak peek of how the website looks. The screenshots really don't do justice to the interactivity the live site provides, so head on over to https://www.amruthpillai.com/.

Technology

GatsbyJS

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

Tailwind CSS

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

Building from Source

Since the project has been set up with Gatsby, the build process has become easier than ever. Just follow the steps to get started:

1. Make sure you have Node/NPM installed on your computer, then run the following commands:

npm install -g gatsby-cli

2. Clone the repository and go into the working directory

git clone https://github.com/AmruthPillai/ResumeOnTheWeb-Gatsby.git
cd ResumeOnTheWeb-Gatsby

3. 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

4. Watch the project come to life by firing up a server, brought to you by gatsby-cli which you installed in Step 1

gatsby develop

5. If you want to build the application in production, just make use of gatsby-cli again

gatsby build

---

Run Application in Docker container

1. Enter your google analytics tracking id that is GA_TRACKING_ID= in .env file

GA_TRACKING_ID=<your-ga-tracking-id>

2. Build your docker image as named resume

docker run -t resume .

3. Run docker image to spin-up our application container

docker run resume