Personal resume by Angular

simple personal resume application created by Angular and Github pages.

Live Demo

PREVIEW

USAGE

1 - clone the repository

git clone https://github.com/aitahtman/cv.git

you can also make a fork on your github account.

2 - installing the dependencies

cd cv 
npm install 
npm install -g angular-cli-ghpages

3 - setting your personal data

for that, you have juste to edited the file src/assets/data/perso.json

{
   "profile": {
       "firstname": "SALAH EDDINE",
       "lastname": " AIT AHTMAN ",
       "title": "Geomatics engineer",
       "photo": "./assets/img/avataaars.png",
       "city": "Avignon, France",
       "phone": "",
       "mail": "[email protected]",
       "summary": "Geomatics developer with more than 2 years of experience in the field of geomatics and geographic information systems. Now, i'm under a short-term contract at the French Institute of Agronomic Research (INRA or INRAE) working on UrbaSIMUL project which is a tool dedicated to land prospecting."
   },
   "experiences": [
       {
           "company": "INRA",
           "picture": "https://pbs.twimg.com/media/EG2Q85EXYAY3OhC.png",
           "location": "Avignon, France",
           "title": "Internship",
           "period": "MAR 2017 - AUG 2017",
           "description": [
               "Development of an automated method for the identification of artificial surfaces from the VHRS satellite images."
           ]
       }
   ],
   "educations": [{
           "title": "Master's degree of geomatics in environment and planning (SIGMA) ",
           "city": "Toulouse, France",
           "degree": "Master",
           "period": "2016 - 2017",
           "university": "Toulouse II university (Jean Jaurès)",
           "picture": "https://videos.univ-tlse2.fr/videos/images/videopreview.jpg"
       }
   ],
   "skills": [
       {
           "name": "Python",
           "icon":["fab","python"]
       }, 
       {
           "name": "Javascript",
           "icon":["fab","js"]
       }, 
       {
           "name": "Angular",
           "icon":["fab","angular"]
       } ,
       {
           "name": "nodejs",
           "icon":["fab","node"]
       } ,
       {
           "name": "R",
           "icon":["fas","registered"]
       }


]
}

NB : for the skills part, you need to choose an icon from Fontawesome's gallery.

4 - deploying the app on Github pages

Github offers the possibility to host an angular application for free through the Github pages feature, and it's really simple by using the node package angular-cli-ghpages.

NB: you need to make a fork or a copy of the repository on your github account to be able to share the app on your github pages.

ng build --prod --base-href https://[username].github.io/[repo]/

ngh --no-silent

after that you can visit your personal page on https://[username].github.io/[repo]

5 - Advanced use

ng serve

Contributing

All bug reports and pull requests are welcome.