{"id":15103313,"url":"https://github.com/dilip12git/responsive_portfolio","last_synced_at":"2025-10-22T23:31:26.483Z","repository":{"id":255411648,"uuid":"849534392","full_name":"dilip12git/responsive_portfolio","owner":"dilip12git","description":"Responsive Portfolio Design","archived":false,"fork":false,"pushed_at":"2024-11-14T17:04:19.000Z","size":4559,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T15:51:23.357Z","etag":null,"topics":["angularjs","portfolio","portfolio-template","portfolio-website","responsive-layout"],"latest_commit_sha":null,"homepage":"https://dilip-kumar-portfolio.web.app/","language":"CSS","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/dilip12git.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":"2024-08-29T19:03:21.000Z","updated_at":"2024-11-14T19:47:59.000Z","dependencies_parsed_at":"2024-08-29T21:16:31.475Z","dependency_job_id":"b09cd7fa-eced-4aa2-a2e9-69a663b356f0","html_url":"https://github.com/dilip12git/responsive_portfolio","commit_stats":null,"previous_names":["dilip12git/responsive_portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dilip12git%2Fresponsive_portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dilip12git%2Fresponsive_portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dilip12git%2Fresponsive_portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dilip12git%2Fresponsive_portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dilip12git","download_url":"https://codeload.github.com/dilip12git/responsive_portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237754151,"owners_count":19360654,"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":["angularjs","portfolio","portfolio-template","portfolio-website","responsive-layout"],"created_at":"2024-09-25T19:23:22.587Z","updated_at":"2025-10-22T23:31:26.477Z","avatar_url":"https://github.com/dilip12git.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Responsive Portfolio Built with Angular\n[Live Link](https://dilip-kumar-portfolio.web.app/)\n\n\n\n\n![Screenshot 2025-05-21 211051](https://github.com/user-attachments/assets/5472a84a-d3fd-490e-bcb2-959c19cf4719)\n\nOverview:\n\nThis responsive portfolio showcases the power of Angular in creating dynamic, modern, and visually appealing web applications. Designed to highlight professional achievements, projects, and skills, this portfolio demonstrates a clean and user-friendly interface, optimized for both desktop and mobile devices.\n\n\n\n![Screenshot 2025-05-21 211123](https://github.com/user-attachments/assets/164ad235-1ddf-49ff-8732-a44d027de310)\n\n# Features:\n\nResponsive Design: Utilizes Angular's flexible layout system and CSS media queries to ensure seamless viewing experiences across various devices, including desktops, tablets, and smartphones.\n\nInteractive Components: Employs Angular's robust component-based architecture to deliver interactive elements, such as dynamic project galleries, smooth navigation, and engaging user interfaces.\n\nPerformance Optimization: Leverages Angular’s built-in tools and best practices for optimizing performance, ensuring fast load times and a smooth browsing experience.\n\nModular Structure: Benefits from Angular’s modular approach to maintain a well-organized and scalable codebase, making it easier to update and expand the portfolio as needed.\n\nSingle Page Application (SPA): Implements Angular's SPA capabilities to provide a fluid, single-page navigation experience, reducing page load times and enhancing usability.\n\nCustomizable Themes: Features a customizable design with various themes and color schemes, allowing users to tailor the look and feel to their personal preferences or branding needs.\n\nSEO-Friendly: Incorporates Angular Universal for server-side rendering (SSR), improving search engine optimization (SEO) and ensuring better visibility for search engines.\n\nEmail Integration: Utilizes EmailJS, a third-party API service, to handle email communications directly from the portfolio. This feature enables users to send messages, inquiries, or contact forms seamlessly without needing a backend server.\n![Screenshot 2025-05-21 211145](https://github.com/user-attachments/assets/58ffd756-9d76-4a1e-b0b7-80aac8c7b2bb)\n\n# Technologies Used:\n\nAngular: For building a component-based architecture and handling dynamic content.\n\nHTML/CSS: To create a responsive and visually appealing layout.\n\nTypeScript: For strong typing and improved development efficiency.\n\nAngular Material/Bootstrap: For pre-built UI components and styling.\n\nRxJS: To manage asynchronous data streams and improve performance.\n\nAngular CLI: For project scaffolding, development, and build optimization.\n\nEmailJS: To send emails directly from the client-side application using a third-party API service.\n\n![Screenshot 2025-05-21 211145](https://github.com/user-attachments/assets/043b0f7d-8310-41c8-9ee1-4ac90564e82b)\n\n# Project Highlights:\nDynamic Content Management: Easily manage and update project details, achievements, and other content using Angular’s data binding and services.\n\nUser Interaction: Enhance user engagement with interactive elements and smooth transitions.\nEmail Functionality: Streamline communication by integrating EmailJS to handle user inquiries and messages directly from the portfolio.\nScalability: Designed to grow with additional features, projects, or sections as needed.\nThis portfolio not only highlights your skills and projects but also demonstrates your proficiency in Angular and modern web development practices. The integration of EmailJS adds a convenient and effective way to manage communications, providing a complete and polished presentation of your work.\n![Screenshot 2025-05-21 211214](https://github.com/user-attachments/assets/de71b0d1-3115-4d97-9e9f-d5b5d66181ea)\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.2.\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `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## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n## Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Running end-to-end tests\n\nRun `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\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdilip12git%2Fresponsive_portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdilip12git%2Fresponsive_portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdilip12git%2Fresponsive_portfolio/lists"}