amruthpillai/ResumeOnTheWeb-Angular

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

12

stars

131

commits

HTML

primary language

Jun 3, 2024

updated

amruthpillai.com

README

Amruth Pillai's Resume on the Web


Badges of Honor

website amruthpillai.com uptimerobot amruthpillai.com last commit on github


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

Live Demo

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

https://www.amruthpillai.com/

Features

There's a lot of features deep down the heart of this project that make it special. It's not just a simple website that I whipped up in 2-3 days. Anybody could do that, but since this is a resume/personal project, I wanted to use it to showcase the best use of all my skills, from design, to development, to devOps.

The number of things I've learnt from this project is truly endless, but I'll try to create one anyway:

  • Uses Angular v7.2.4 as the frontend framework for managing various web components
  • Using the latest version of Bootstrap v4.3
  • Makes use of Sass to style components smarter
  • Containerization using Docker (Repo on Docker Hub)
  • Protected by Cloudflare DNS and DDoS Attack Prevention
  • Powered by HTTP/2 protocol (Read more on HTTP/2)
  • UI/UX Design from scratch (Adobe Photoshop CC, Adobe XD)
  • Package Management using npm.js (http://npmjs.com/)
  • Minification of HTML, CSS and JS (to serve requests faster)
  • Optimization of Images (to take up less space)
  • Server Setup & Management (Apache & Ubuntu 16.04)
  • SSL Certification and Renewal using Certbot
  • Using SVGs instead of Bitmap images, wherever possible
  • Fetching from Medium/Instagram APIs (to fuel the dynamic content on the site)

Building from Source

Since the project has been set up with Angular, 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 @angular/cli
  1. Clone the repository and go into the working directory
git clone https://github.com/AmruthPillai/ResumeOnTheWeb-Angular.git
cd ResumeOnTheWeb-Angular
  1. 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
  1. Watch the project come to life by firing up a server, brought to you by ng-cli which you installed in Step 1
ng serve
  1. If you want to build the application in production, just make use of ng-cli again
ng build --prod

Contributors

amruthpillai/ResumeOnTheWeb-Angular

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

12

stars

131

commits

HTML

primary language

Jun 3, 2024

updated

amruthpillai.com

README

Amruth Pillai's Resume on the Web


Badges of Honor

website amruthpillai.com uptimerobot amruthpillai.com last commit on github


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

Live Demo

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

https://www.amruthpillai.com/

Features

There's a lot of features deep down the heart of this project that make it special. It's not just a simple website that I whipped up in 2-3 days. Anybody could do that, but since this is a resume/personal project, I wanted to use it to showcase the best use of all my skills, from design, to development, to devOps.

The number of things I've learnt from this project is truly endless, but I'll try to create one anyway:

  • Uses Angular v7.2.4 as the frontend framework for managing various web components
  • Using the latest version of Bootstrap v4.3
  • Makes use of Sass to style components smarter
  • Containerization using Docker (Repo on Docker Hub)
  • Protected by Cloudflare DNS and DDoS Attack Prevention
  • Powered by HTTP/2 protocol (Read more on HTTP/2)
  • UI/UX Design from scratch (Adobe Photoshop CC, Adobe XD)
  • Package Management using npm.js (http://npmjs.com/)
  • Minification of HTML, CSS and JS (to serve requests faster)
  • Optimization of Images (to take up less space)
  • Server Setup & Management (Apache & Ubuntu 16.04)
  • SSL Certification and Renewal using Certbot
  • Using SVGs instead of Bitmap images, wherever possible
  • Fetching from Medium/Instagram APIs (to fuel the dynamic content on the site)

Building from Source

Since the project has been set up with Angular, 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 @angular/cli
  1. Clone the repository and go into the working directory
git clone https://github.com/AmruthPillai/ResumeOnTheWeb-Angular.git
cd ResumeOnTheWeb-Angular
  1. 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
  1. Watch the project come to life by firing up a server, brought to you by ng-cli which you installed in Step 1
ng serve
  1. If you want to build the application in production, just make use of ng-cli again
ng build --prod

Contributors

Languages

HTML

59.2%

TypeScript

32.0%

SCSS

6.6%

JavaScript

1.5%