{"id":24740277,"url":"https://github.com/derektypist/derek-dhammaloka-cv","last_synced_at":"2026-04-06T09:32:53.003Z","repository":{"id":100100542,"uuid":"172521996","full_name":"derektypist/derek-dhammaloka-cv","owner":"derektypist","description":"A mini-project using both User Centric Development and Interactive Front End Development.  Description of my CV with Interests, Contact and GitHub","archived":false,"fork":false,"pushed_at":"2025-09-11T10:02:18.000Z","size":10175,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-03T16:24:58.700Z","etag":null,"topics":["bootstrap4","css3","esri","font-awesome","front-end-development","github","google-fonts","html5","javascript","jquery","json","leaflet-markercluster","leafletjs","meetups","openstreetmap","pdf","resume"],"latest_commit_sha":null,"homepage":"https://derektypist.github.io/derek-dhammaloka-cv","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/derektypist.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2019-02-25T14:32:12.000Z","updated_at":"2025-09-11T10:02:21.000Z","dependencies_parsed_at":"2023-11-14T15:44:02.806Z","dependency_job_id":"cca48933-14b7-47b0-884c-c1b38b3c3e91","html_url":"https://github.com/derektypist/derek-dhammaloka-cv","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derektypist/derek-dhammaloka-cv","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-cv","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-cv/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-cv/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-cv/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/derek-dhammaloka-cv/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fderek-dhammaloka-cv/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31466622,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T08:36:52.050Z","status":"ssl_error","status_checked_at":"2026-04-06T08:36:51.267Z","response_time":112,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap4","css3","esri","font-awesome","front-end-development","github","google-fonts","html5","javascript","jquery","json","leaflet-markercluster","leafletjs","meetups","openstreetmap","pdf","resume"],"created_at":"2025-01-27T23:22:42.226Z","updated_at":"2026-04-06T09:32:52.988Z","avatar_url":"https://github.com/derektypist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Derek Dhammaloka CV\n\nWelcome to Derek Dhammaloka's CV.  The purpose of this project is to provide information on Interests, GitHub, Resume and Contact.  A copy of the CV can be viewed and/or downloaded. All images are for illustration purposes only.\n\n![Home Page](assets/images/homepage.png)\n\n## UX\n\n**Getting Started**\n\nSimply visit one of the following pages:\n\n- Index Page (Home)\n- Resume\n- Contact\n- Interests\n- GitHub\n- Download CV\n\nOn each of the pages, there are links to Facebook and LinkedIn.  Tooltips are provided on hovering over the links.\n\nOn the Interests page, you can get more information on BCS, W3Schools and IMA by selecting one of the links (opens in a new tab).  You can also view the locations of the Conferences and Meetups I have attended on Leaflet - links to buildings (e.g. Hotels) are available and they open in a new tab.  The Conferences and Meetups do not have to be limited to Information Technology.\n\nOn the GitHub page, simply enter the username (e.g. derektypist) on the input field.  If the username is blank, you will be asked to enter a username.  If the username does not exist, then there is no information for that username.  If there is information for the username, you will see the username, image (if any), number of followers, number following, number of repositories and repo list.  If there are repos, select one of the repos to view the repository (opens in a new tab) or hover over one of the repos to view a tooltip (e.g. View Repository for Hello-World).  If you have made too many requests, you will be asked to wait until a certain time.\n\nOn the Download CV, you can download a copy of my CV for printing.\n\n**User Stories**\n\n- As a user, I can view/download a copy of my CV.\n\n- As a user, I can get a tooltip (e.g. LinkedIn) by hovering over one of the social links.\n\n- As a user, if I am on the Interests page, I can get tooltips by hovering over the links.\n\n- As a user, if I am on the GitHub page and the username has repos, I can get tooltips by hovering over one of the repositories.  For example, `View repository for Hello-World`.\n\n- As a user, if I select one of the links, I can get more information on one of the links, for example `BCS` (opens in a new tab).\n\n- As a user, I can view my work history.\n\n- As a user, I can view my skills.\n\n- As a user, I can view my interests.\n\n- As a user, I can view GitHub Projects of anyone (including mine).\n\n- As a user, I can search on other user profiles (e.g. igorvanloo).\n\n- As a user, if I do not enter a username, I will be required to enter a username.\n\n- As a user, if I enter a username that does not exist, I will get the message\n\n`No info found for user username`\n\n- As a user, if I have made too many requests, I will be asked to wait until a certain time.\n\n**Information Architecture**\n\nThe CV is structured into:\n\n- Index Page (Home)\n- Resume\n- Contact\n- Interests\n- GitHub\n- Download CV\n\nOrganising principle is Biography.\n\n### Index Page (Home)\n\nThe Index Page contains Personal Info and About Me.\n\nAbout Me - What Do I Do?, How Do I Do It? and Why Hire Me?\n\n### Resume\n\nWork History and My Skills (Front End, Back End) \n\n### Contact\n\nThe Contact Page is where you (the user) can request a project by filling in the form.\n\n### Interests\n\nInterests Page gives details of Conferences and Meetups I have attended in a Map.\n\nThey can include professional organisations (e.g. Cambridge Data Mashup with\nBCS at June 2012 - East Anglia Branch).  The Conferences and Meetups do not have to be limited to Information Technology.\n\nEach item includes the following:\n\n- Name of building\n- Description of event\n- Link to Website of building\n\nPopup Example (For Illustration Purposes)\n\n![Popup Example](assets/images/popupexample.PNG)\n\nAll locations on the map are approximate.\n\n\nMy Groups and Societies include BCS, IMA and w3schools.com (Public Facebook Group).  Tooltips are provided to let the browser know that the user has hovered over these interest links.\n\n### GitHub\n\nThe GitHub Page is where you (the user) can view my GitHub Projects (user name derektypist)\nas well as searching on other user profiles (e.g. igorvanloo).  If the username does not exist, the message `No info found for user username` appears.  If you hover over one of the repositories, you will get a tooltip (e.g. View Repository for Hello-World).  If you select one of the repositories, you can get more information on one of the repositories, for example `Hello-World` (opens in a new tab).\n\nGitHub Information consists of:\n\n- Username (e.g. derektypist)\n- Image of Username (if any)\n- Number of Followers\n- Number Following\n- Number of Repositories\n- Repository List (if there are repos)\n\nEach Repo has the URL (html_url) and name (name).\n\n### Download CV\n\nA PDF File of my CV is available for downloading (it opens in a new window).\n\n## Features\n\nAllows you to download a copy of my CV as well as visiting my LinkedIn Profile and my Facebook Profile.  You can even connect me on LinkedIn and make a friend request on Facebook.\n\nYou can view details of my work history and skills.\n\nYou can get more information on my interests in the interests page.  An interactive map is provided.  Choose streets or satellite view.  Hover on one of the markers to get a tooltip.  Click on one of the markers to view the title, description and link to the building website.\n\nYou can view my GitHub Projects as well as search for other user profiles.\n\n- Navigation Bar\n\n    - Featured on all pages, except the Download CV (which is a PDF).  Allows links to the Logo, Home Page, Resume, Interests, Contact and GitHub.  The Download CV opens in a new tab.\n\n    = This section allows the user to easily navigate from page to page across all devices without having to revert to the previous page via the 'back' button.\n\n![Navigation Bar](assets/images/navigation.png)\n\n- Resume Page\n\n    - The resume page gives details of work history and skills (front end and back end)\n\n![Resume Page](assets/images/resumepage.png)\n\n- Interests Page\n\n    - The interests page will allow the user to see a map of the conferences and meetups (usually in buildings) as well as the groups and societies.\n    \n    - Clicking on one of the building icons will give the popup (name of building, details of meetup and link to website of building, which opens in new tab to allow easy navigation for the user).\n\n    - Hovering on one of the building icons will give tooltips on the name of the building.\n\n    - Groups and Societies includes links to BCS, W3Schools.com and IMA.  The links will open in a new tab to allow easy navigation for the user.  Further links are available (e.g. Social Media).\n\n![Interests Page](assets/images/interestspage.png)\n\n- GitHub Page\n\n    - The GitHub page allows the user to search user profiles.  Usage limits apply.  If there are too many requests, a message will be displayed, and the user will be asked to try again later.\n\n    - Clicking on one of the repositories, will give details of the repository (opens in a new tab to allow easy navigation for the user).\n\n    - Hovering over one of the repositories, gives a tooltip.\n\n    - Clicking on one of the usernames, gives details of the username (opens in a new tab to allow easy navigation for the user).\n\n![GitHub Page showing Username and Image](assets/images/githubpage.png)\n\n- The Footer\n\n    - The footer section includes links to the relevant social media.  The links will open in a new tab to allow easy navigation for the user.\n\n    - The footer is valuable to the user as it encourages them to keep connected via social media.\n\n![Footer](assets/images/footer.png)\n\n## Technologies\n\n- HTML5\n- CSS3\n- JavaScript\n- jQuery\n- Bootstrap 4.3.1\n- Font Awesome 7.0.0\n- LeafletJS with Marker Cluster and Extra Markers\n\n## Testing\n\nAll External Links (including social media) open in a new window without leaving the website using the `target=_blank` attribute.  The links are manually tested to\nensure that they are taken to the correct destination.\n\nA Lighthouse Report can be obtained.  On a Chromium-based Web Browser (e.g. Microsoft Edge) right-click on a page, select `Inspect`.  Select Lighthouse, then `Analyze Page Load`.\n\nLighthouse Report for the Home Page (For Illustration Purposes Only)\n\n![Lighthouse Report for Index Page](assets/images/lighthousereport-homepage.png)\n\nLighthouse Report for the Resume Page (For Illustration Purposes Only)\n\n![Lighthouse Report for the Resume Page](assets/images/lighthousereport-resumepage.png)\n\nLighthouse Report for the Contact Page (For Illustration Purposes Only)\n\n![Lighthouse Report for the Contact Page](assets/images/lighthousereport-contactpage.png)\n\nLighthouse Report for the Interests Page (For Illustration Purposes Only)\n\n![Lighthouse Report for the Interests Page](assets/images/lighthousereport-interestspage.png)\n\nLighthouse Report for the GitHub Page (For Illustration Purposes Only)\n\n![Lighthouse Report for the GitHub Page](assets/images/lighthousereport-githubpage.png)\n\n**Validator Testing**\n\n- HTML\n    - No errors were found when through through the official [W3C Validator](https://validator.w3.org/nu/?doc=https%3A%2F%2Fderektypist.github.io%2Fderek-dhammaloka-cv)\n\n- CSS\n    - No errors were found when passing through the official [(Jigsaw) Validator](https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fderektypist.github.io%2Fderek-dhammaloka-cv%2Findex.html\u0026profile=css3svg\u0026usermedium=all\u0026warning=1\u0026vextwarning=\u0026lang=en)\n\n- Link Checker\n    - A report is available through the official [W3C Link Checker](https://validator.w3.org/checklink?uri=https%3A%2F%2Fderektypist.github.io%2Fderek-dhammaloka-cv\u0026hide_type=all\u0026depth=\u0026check=Check)\n\n**User Stories Testing**\n\n- Upon Selecting `Download CV` or clicking on the Download Icon at the footer, a PDF version of the CV is available.  It opens in a new tab.\n\n- Hovering on one of the social links gives a tooltip (e.g. LinkedIn)\n\n- Hovering on one of the links in the Interests page gives a tooltip.  This includes the buildings on a map.\n\n- Going to the GitHub page, hovering on one of the repos will give a tooltip.  For example, in FreeCodecamp, if I hover on about, I should get `View Repository for about`.\n\n- Clicking on one of the links (e.g. Best Western Hotel Acocks Green (Birmingham)) opens the link in a new tab to ensure that the user can easily get back to the website.  In the link, further information can be viewed, e.g. in the case of Hotels, it can include Photos, Facilities.\n\n- A screenshot of the resume and interest pages are available in the Features section.\n\n- Too Many Requests (For Illustration Purposes Only)\n\n![Too Many Requests Example](assets/images/toomanyrequests.png)\n\n- No Username (For Illustration Purposes Only)\n\n![No Username Entered](assets/images/emptyusername.png)\n\n- No Information for User (For Illustration Purposes Only)\n\n![No Information for Username](assets/images/nouserinfo.png)\n\n## Deployment\n\nThis is deployed on [GitHub Pages](https://derektypist.github.io/derek-dhammaloka-cv) at the Master Branch.\n\nUse the command\n\n    git push\n    \nto update any changes\n\n## Credits\n\n### Content\n\nMost of the code is taken from the mini-project video with Code Institute.  Icons taken from the official Font Awesome website.\n\n### Media\n\nImages (including screenshots) are provided by myself.\n\n### Acknowledgements\n\n- [Code Institute](https://www.codeinstitute.net)\n- [Esri](https://www.esri.com) for Satellite Map\n- [Font Awesome](https://www.fontawesome.com)\n- [Google](https://www.google.co.uk)\n- [Leaflet](https://leafletjs.com)\n- [Meetup](https://www.meetup.com)\n- [Open Street Maps](https://www.openstreetmap.org) including [Copyright Information](https://www.openstreetmap.org/copyright) for Streets Map\n- Raimonda Svirskis - IPES Key Worker - CPA5","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fderek-dhammaloka-cv","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fderek-dhammaloka-cv","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fderek-dhammaloka-cv/lists"}