It is my simple resume made with HTML, CSS, JS using JSON data.
Initially the project was written with NodeJS architecture. View Old Project
HTML is used for making initial block structure of the page with some simple data, CSS is used for giving some style to the page and JS is used to create small UI components dynamically and fill the data into page. All the data about details related to user is stored as a JSON object in a JS file.
View it in action https://imvpn22.github.io/resume/
( Make sure you have a GitHub account )
- Fork this repo by clicking the Fork button on top-right corner.
- Go to the forked repo on your profile (It opens by default).
- Edit
data/profile.jsfile using GitHub online editor and fill your own data. - Open the settings of repo and enable github pages choosing source to
masterbranch. - Visit
https://<your GitHub username>.github.io/resumein your browser. - Additionaly you can print/save the page as PDF.
If you are a web-developer like me and want to run this on your local system then follow the instructions mentioned below.
The project need to be hosted using any Web-Server like apache, tomcat, http-server or SimpleHTTPServer etc. I use http-server as it is very simple to use. Install http-server from here (NodeJS and npm need to installed first to run it).
- Clone the repo using git or download zip of project on your local system. To clone
$ git clone https://github.com/imvpn22/resume.git- Go into the
resumedirectory and run
$ http-serverwhich will show something like
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://192.168.1.21:8080
Hit CTRL-C to stop the server-
Visit
http://localhost:8080in browser. -
Make changes in
data/profile.jsfile, and refresh the page in browser. Additionaly you can also make changes in architecture and design of the page as well. -
Save/Print the page in PDF. Your Resume is ready.
If you like the project idea, make sure to give it a star. If you want to contribute, just give me a PR.