{"id":18386416,"url":"https://github.com/jnaoroji/react_portfolio_jn","last_synced_at":"2026-04-13T12:01:37.300Z","repository":{"id":185241592,"uuid":"673184016","full_name":"jnaoroji/React_portfolio_JN","owner":"jnaoroji","description":"Web Development Portfolio - Full Stack application, React, Bootstrap, HTML, CSS, JavaScript ","archived":false,"fork":false,"pushed_at":"2023-09-10T05:57:49.000Z","size":69323,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T03:54:44.739Z","etag":null,"topics":["bootstrap","bootstrap5","portfolio","react","reactjs"],"latest_commit_sha":null,"homepage":"https://jnaoroji.github.io/React_portfolio_JN","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jnaoroji.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-08-01T04:12:22.000Z","updated_at":"2023-09-10T03:26:32.000Z","dependencies_parsed_at":"2024-12-24T07:15:09.644Z","dependency_job_id":"b9289408-84df-4856-bc23-6e8a934c6eb9","html_url":"https://github.com/jnaoroji/React_portfolio_JN","commit_stats":null,"previous_names":["jnaoroji/react_portfolio_jn"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jnaoroji/React_portfolio_JN","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FReact_portfolio_JN","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FReact_portfolio_JN/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FReact_portfolio_JN/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FReact_portfolio_JN/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jnaoroji","download_url":"https://codeload.github.com/jnaoroji/React_portfolio_JN/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FReact_portfolio_JN/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31751705,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["bootstrap","bootstrap5","portfolio","react","reactjs"],"created_at":"2024-11-06T01:21:55.545Z","updated_at":"2026-04-13T12:01:37.272Z","avatar_url":"https://github.com/jnaoroji.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 20 React: Jenny Naoroji React Web Development Portfolio\n\n## Description\n\nMy Task was to build a React Portfolio Application where I can share my projects whilst applying for jobs or working as a freelancer and set myself apart from developers who don't use the latest technologies. This will also give me the ability to share my work with other developers and collaborate on projects.\n\nThis application will be deployed to GitHub Pages and will fulfill the following User Story and Acceptance Criteria:\n\n## User Story\n\n```md\nAS AN employer looking for candidates with experience building single-page applications\nI WANT to view a potential employee's deployed React portfolio of work samples\nSO THAT I can assess whether they're a good candidate for an open position\n```\n\n## Acceptance Criteria\n\n```md\nGIVEN a single-page application portfolio for a web developer\nWHEN I load the portfolio\nTHEN I am presented with a page containing a header, a section for content, and a footer\nWHEN I view the header\nTHEN I am presented with the developer's name and navigation with titles corresponding to different sections of the portfolio\nWHEN I view the navigation titles\nTHEN I am presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted\nWHEN I click on a navigation title\nTHEN I am presented with the corresponding section below the navigation without the page reloading and that title is highlighted\nWHEN I load the portfolio the first time\nTHEN the About Me title and section are selected by default\nWHEN I am presented with the About Me section\nTHEN I see a recent photo or avatar of the developer and a short bio about them\nWHEN I am presented with the Portfolio section\nTHEN I see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repositories\nWHEN I am presented with the Contact section\nTHEN I see a contact form with fields for a name, an email address, and a message\nWHEN I move my cursor out of one of the form fields without entering text\nTHEN I receive a notification that this field is required\nWHEN I enter text into the email address field\nTHEN I receive a notification if I have entered an invalid email address\nWHEN I am presented with the Resume section\nTHEN I see a link to a downloadable resume and a list of the developer’s proficiencies\nWHEN I view the footer\nTHEN I am presented with text or icon links to the developer’s GitHub and LinkedIn profiles, and their profile on a third platform (Stack Overflow, Twitter)\n```\n\n\n## Usage\n\nTo use this application visit the deployment link on GitHub Pages!\n- https://jnaoroji.github.io/React_portfolio_JN \n\n## Credits\n\n- [Create React App Docs on GitHub Pages](https://create-react-app.dev/docs/deployment/#github-pages) \n\n- [Bootstrap Icons](https://icons.getbootstrap.com/)\n- [Bootstrp Portfolio Templates](https://themes.getbootstrap.com/)\n- [Bootstrap Portfolio \u0026 Resume Themes](https://startbootstrap.com/themes/portfolio-resume)\n- [Bootstrap Cards](https://getbootstrap.com/docs/4.0/components/card/)\n- [Bootstrap avatars](https://mdbootstrap.com/docs/standard/extended/avatar/)\n- [React input](https://react.dev/reference/react-dom/components/input)\n- [React forms](https://legacy.reactjs.org/docs/forms.html)\n- Mock up demo:\n![Mock Demo](./jenny-react-portfolio/src/assets/images/20-react-homework-demo-01.gif)\n\n## Screenshots\nThese screenshots show my app's functionality:\n- The About Me Page: \n![About Me screenshot](./jenny-react-portfolio/src/assets/images/AboutScreenshot.png)\n\n- The Portfolio Page: \n![Portfolio Screenshot](./jenny-react-portfolio/src/assets/images/portfolioScreenshot.png)\n\n- The Contact Page: \n![Contact Screenshot](./jenny-react-portfolio/src/assets/images/contactScreenshot.png)\n\n\n\n## License\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\nPlease refer to the LICENSE in the repo or click on the badge for documentation.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjnaoroji%2Freact_portfolio_jn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjnaoroji%2Freact_portfolio_jn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjnaoroji%2Freact_portfolio_jn/lists"}