{"id":25448019,"url":"https://github.com/imperviousdeveloper/iangular-portfolio","last_synced_at":"2025-05-16T07:09:01.703Z","repository":{"id":277820788,"uuid":"933584443","full_name":"ImperviousDeveloper/iAngular-portfolio","owner":"ImperviousDeveloper","description":"Modern portfolio","archived":false,"fork":false,"pushed_at":"2025-03-10T11:15:57.000Z","size":5426,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T07:09:01.596Z","etag":null,"topics":["angular"],"latest_commit_sha":null,"homepage":"https://imperviousdeveloper.github.io/iAngular-portfolio/","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/ImperviousDeveloper.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}},"created_at":"2025-02-16T10:24:19.000Z","updated_at":"2025-03-10T11:16:01.000Z","dependencies_parsed_at":"2025-02-16T11:27:20.869Z","dependency_job_id":"96f0364a-3683-4077-bfe9-e2d068765d69","html_url":"https://github.com/ImperviousDeveloper/iAngular-portfolio","commit_stats":null,"previous_names":["imperviousdeveloper/iangular-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImperviousDeveloper%2FiAngular-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImperviousDeveloper%2FiAngular-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImperviousDeveloper%2FiAngular-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ImperviousDeveloper%2FiAngular-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ImperviousDeveloper","download_url":"https://codeload.github.com/ImperviousDeveloper/iAngular-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254485057,"owners_count":22078767,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["angular"],"created_at":"2025-02-17T19:18:32.678Z","updated_at":"2025-05-16T07:09:01.696Z","avatar_url":"https://github.com/ImperviousDeveloper.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e Portfolio-Application \u003c/h1\u003e\n\u003cp\u003e\u003c/p\u003e\n\n![author](https://img.shields.io/badge/author-ImperviousDeveloper-blueviolet.svg)\n[![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](#)\n![stars](https://img.shields.io/github/stars/ImperviousDeveloper/iAngular-portfolio.svg)\n[![GitHub Forks](https://img.shields.io/github/forks/ImperviousDeveloper/iAngular-portfolio.svg?style=social\u0026label=Fork\u0026maxAge=2592000)](https://www.github.com/ImperviousDeveloper/iAngular-portfolio/fork)\n[![GitHub Issues](https://img.shields.io/github/issues/ImperviousDeveloper/iAngular-portfolio.svg?style=flat\u0026label=Issues\u0026maxAge=2592000)](https://www.github.com/ImperviousDeveloper/iAngular-portfolio/issues)\n[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat\u0026label=Contributions\u0026colorA=red\u0026colorB=black)](#)\n![license](https://img.shields.io/github/license/ImperviousDeveloper/iAngular-portfolio.svg)\n\n- **Welcome to my portfolio!** This collection showcase my work in web development, showcasing a variety of projects that demonstrate my skills in front-end and back-end development. Each project reflect my passion for creating responsive, user-friendly websites and web application.\n\n- This software built with `Angular` using `HTML`, `CSS`, `BootStrap`.\n\n- This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.3.\n\n## Prerequisites\n\n- Active internet connection :)\n- Basic knowledge of Angular CLI :)\n- NodeJs (20.18.0) and NPM (10.9.0) - [NodeJS Install](https://nodejs.org/en/download/package-manager/)\n- [Git bash](https://git-scm.com/downloads) (for Windows users)\n- The ports 4200, 5200, 8080, 8081 must be avaialable at the host machine.\n\n### How-to run (in project root folder)\n\n- Install frontend dependencies\n```\n  npm install\n```\n\n- Configure custom port in angular.json\n````\n{\n  \"projects\": {\n    \"portfolio-app\": {\n      \"architect\": {\n        \"serve\": {\n          \"options\": {\n            \"port\": 4201\n          }\n        }\n      }\n    }\n  }\n}\n````\n\n- Remove package lock json\n````\nrm -rf node_modules package-lock.json\nnpm cache clean --force\nnpm install\n\n// to check version\nnpm list ngx-bootstrap \n````\n\n- Build project. The build artifacts will be stored in the `dist/` directory.\n```\n  ng build\n```\n\n## VS Code Extensions\n\n```\n\t1. Code runner ( Optional)\n\t2. Tabnine\n\t3. Live server\n\t4. Excel viewer\n\t5. Codetour\n\t6. Todo highlight By wayou liu\n\t7. Drawio By henning dieterichs\n\t8. Polacode 2022 -\u003e code snippet tool\n\t9. Spell checker\n\t10. Prettier -\u003e GO to settings -\u003e formatonsave -\u003e ON\n          [\n              Cmd + Shift + P -\u003e Open user settings json\n              Paste it in settings.json file\n\n\t\t {\n                    \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n                    \"[javascript]\": {\n                      \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n                  }\n            ]\n\t11. Indent rainbow\n\t12. Autoclose tag\n\t13. REST client\n\t15. Material icon theme\n\t16. Angular language service\n\t17. Angular Snippets version 18\n```\n\n## Installation\n\n### Development Server\n\n- Open Terminal and clone the repo\n\n```\n  git clone https://github.com/SharmaRajan/portfolio-app.git\n```\n\n- Go to the portfolio-app directory and start the environment\n\n```\n  \u003e cd portfolio-app\n  \u003e ng serve --o\n```\n\n- This `--o` will navigate to `http://localhost:4200/` as port 4200 is set default for this repo. The application will automatically reload if you change any of the source files.\n\n### Code scaffolding\n\n- Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n### Running unit tests\n\n- Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n### Running end-to-end tests\n\n- Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.\n\n### Further help\n\n- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.\n\n---\n\n## Deploy to GitHub Pages\n\n**_Step 1: Install GitHub Pages Globally_**\n\n```\n    \u003e npm install -g angular-cli-ghpages\n```\n\n**_Step 2: Add GitHub Pages in your Project_**\n\n```\n    \u003e ng add angular-cli-ghpages\n```\n\n**_Step 3: Go to `package.json` file and paste just above `name key`_**\n\n```\n   \"homepage\": \"https://{github-user-name}.github.io/{github-repo-name}\",\n```\n\n**_Step 4: In `package.json` file paste the command inside script (This is optional)_**\n\n```\n    \"predeploy\" : \"npm run build\",\n    \"deploy\": \"gh-pages -d build\"\n```\n\n**_Step 5: build the project using GitHub Repo Name_**\n\n```\n   \u003e ng build --output-path=dist --base-href=/{github-repo-name}/\n   \u003e ng build --output-path=dist --base-href=/iAngular-portfolio/\n```\n\n**_Step 6: Deploy local folder `dist/browser` to GitHub Pages_**\n\n```\n   \u003e ngh --dir=dist/browser\n```\n\n**_Step 7: Push Code to GitHub Repo_**\n\n\u003chr\u003e\n\n- ✅ Step 1: Configure angular.json for GitHub Pages\n````\n{\n  ...\n  \"projects\": {\n    \"YOUR_PROJECT_NAME\": {\n      \"architect\": {\n        \"build\": {\n          \"options\": {\n            \"outputPath\": \"dist/YOUR_PROJECT_NAME\",\n            \"baseHref\": \"/REPOSITORY_NAME/\"\n          }\n        }\n      }\n    }\n  }\n}\n````\n\n- ✅ Step 2: Build the Angular Project\n````\nng build --configuration production --base-href \"/REPOSITORY_NAME/\"\nng build --configuration production --base-href \"/iAngular-portfolio/\"\n````\n\n- ✅ Step 3: Install angular-cli-ghpages\n````\nnpm install -g angular-cli-ghpages\n````\n\n- ✅ Step 4: Deploy to GitHub Pages\n````\nnpx angular-cli-ghpages --dir=dist/YOUR_PROJECT_NAME\nnpx angular-cli-ghpages --dir=dist/portfolio-app\n````\n\n\u003ch1 align=\"left\"\u003eHey there, I'm \u003ca href=\"https://www.linkedin.com/in/rajan-kumar-sharma-709a17229/\"\u003eRajan \u003c/a\u003e\u003cimg src=\"https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif\" width=\"28\"\u003e - A curious engineer tinkerer at heart\u003c/h1\u003e\n\n## 👨‍💻 Technical Skills \u0026 Expertise\n\n- Development of Web Applications.\n- Web Scraping, Browser Automation, Python Scripting\n\n\u003ch2 align=\"left\"\u003e🌐 Connect\u003c/h2\u003e\n\u003ca href=\"mailto:mr.sharmajeerajan@gmail.com\"\u003e\u003cimg src=\"images5/gmail-96.svg\" width=\"32px\" height=\"32px\"\u003e\u003c/a\u003e \u003ca href=\"https://www.linkedin.com/in/rajan-kumar-sharma-709a17229/\"\u003e\u003cimg src=\"images5/linkedin.png\" width=\"32px\" height=\"32px\"\u003e\u003c/a\u003e\n\u003ca href=\"https://x.com/RajanS5259\"\u003e\u003cimg src=\"images5/twitter.png\" width=\"32px\" height=\"32px\"\u003e\u003c/a\u003e \u003ca href=\"https://www.instagram.com/impervious.aviral/\"\u003e\u003cimg src=\"images5/instagram-144.png\" width=\"32px\" height=\"32px\"\u003e\u003c/a\u003e\n\n\n## Contributing\n\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](#)\n\nIf you find any bug in the code or have any improvements in mind then feel free to generate a pull request.\n\nContributions are very welcome!\n\nYou can also ask for problem solving ideas and discuss in GitHub issues directly.\n\n## Issues\n\n[![GitHub Issues](https://img.shields.io/github/issues/SharmaRajan/portfolio-app.svg?style=flat\u0026label=Issues\u0026maxAge=2592000)](https://www.github.com/SharmaRajan/portfolio-app/issues)\n\nIf you face any issue, you can create a new issue in the Issues Tab and I will be glad to help you out.\n\n## Need help?\n\n```javascript\nif (needHelp === true) {\n  var emailId = \"mr.sharmajeerajan@gmail.com\";\n  // email is the best way to reach out to me.\n  sendEmail(emailId);\n}\n```\n\n- Feel free to reach out if you're looking for a dedicated and collaborative partner!\n\n**Share your story([mr.sharmajeerajan@gmail.com](https://mail.google.com/mail/))** if you're using this repo for your mini/course project. I will be more than happy to know how does this project helped you.\n\n[![GMAIL](https://img.shields.io/static/v1.svg?label=send\u0026message=mr.sharmajeerajan@gmail.com\u0026color=red\u0026logo=gmail\u0026style=social)](mailto:mr.sharmajeerajan@gmail.com) [![GitHub followers](https://img.shields.io/github/followers/SharmaRajan.svg?label=Follow\u0026style=social)](https://github.com/SharmaRajan)\n\n\n## License\n[![Author](https://img.shields.io/static/v1.svg?label=Author\u0026message=@SharmaRajan\u0026logo=github\u0026style=social)](https://github.com/SharmaRajan/)\n\n**MIT \u0026copy; [Rajan Sharma](https://github.com/SharmaRajan/portfolio-app)**\n\n## Oh, Thanks!\n\nThank you for being here!\nThis project has saved me and my friends for many times in college.\n\n```bash\n\n   ____ _           _    _\n  / ___| | __ _  __| |  | |_ ___\n | |  _| |/ _` |/ _` |  | __/ _ \\\n | |_| | | (_| | (_| |  | || (_) |\n  \\____|_|\\__,_|\\__,_|   \\__\\___/\n\n  ___  ___  ___\n / __|/ _ \\/ _ \\\n \\__ \\  __/  __/\n |___/\\___|\\___|\n\n                      _                  _\n  _   _  ___  _   _  | |__   ___ _ __ ___| |\n | | | |/ _ \\| | | | | '_ \\ / _ \\ '__/ _ \\ |\n | |_| | (_) | |_| | | | | |  __/ | |  __/_|\n  \\__, |\\___/ \\__,_| |_| |_|\\___|_|  \\___(_)\n  |___/\n\n\n```\n\n\u003chr\u003e\n\n```javascript\nif (isAwesome) {\n  // thanks in advance :p\n  starThisRepository();\n}\n```\n\n---\n\n- [↑↑↑ GO TO TOP ↑↑↑](#prerequisites)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimperviousdeveloper%2Fiangular-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimperviousdeveloper%2Fiangular-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimperviousdeveloper%2Fiangular-portfolio/lists"}