{"id":22542880,"url":"https://github.com/dymoy/react-portfolio","last_synced_at":"2026-05-11T05:51:11.327Z","repository":{"id":230611969,"uuid":"777495650","full_name":"dymoy/react-portfolio","owner":"dymoy","description":"Hello, world! Welcome to my online portfolio. I've build this website to introduce myself and highlight my journey as a Full Stack Web Developer thus far.","archived":false,"fork":false,"pushed_at":"2024-04-02T04:45:07.000Z","size":44586,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T08:29:49.464Z","etag":null,"topics":["netlify","react","react-bootstrap","react-router"],"latest_commit_sha":null,"homepage":"https://dymoy.netlify.app/","language":"JavaScript","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/dymoy.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":"2024-03-26T00:33:35.000Z","updated_at":"2024-04-02T02:50:53.000Z","dependencies_parsed_at":"2025-02-02T08:29:14.904Z","dependency_job_id":"1f4dbaa5-ae74-411a-b617-49ea32c0e4eb","html_url":"https://github.com/dymoy/react-portfolio","commit_stats":null,"previous_names":["dymoy/react-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymoy%2Freact-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymoy%2Freact-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymoy%2Freact-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymoy%2Freact-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dymoy","download_url":"https://codeload.github.com/dymoy/react-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245991561,"owners_count":20706126,"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":["netlify","react","react-bootstrap","react-router"],"created_at":"2024-12-07T13:13:12.669Z","updated_at":"2026-05-11T05:51:06.296Z","avatar_url":"https://github.com/dymoy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Portfolio\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge\u0026logo=netlify\u0026logoColor=#00C7B7)\n\n## Description \n\nHello, world! Welcome to my online portfolio. I've build this website to introduce myself and highlight my journey as a Full Stack Web Developer thus far.\n\nMy webpage is split into 4 major sections: About Me, Porfolio, Resume, and Contact Me. These pages present vistors with a a small summary of myself, some of my highlighted projects, my resume and skills, as well as a form to contact me. \n\nI've created this website using React and Vite, and hosted it on Netlify which you can access [here](https://dymoy.netlify.app/). Take a look around and send me a message if you're interested in connecting! \n\n## Table of Contents \n- [Installation](#installation)\n- [Dependencies](#dependencies)\n- [Usage](#usage)\n- [Questions](#questions)\n  \n## Installation \nThere is no installation necessary for this application as it is deployed and hosted on [Netlify](https://docs.netlify.com/). You can access my website [here](https://dymoy.netlify.app/) or at the following link: https://dymoy.netlify.app/\n\nThis React application was creating using the following commands:\n1. Run `npx create-react-app react-portfolio` and `npm create vite@latest`\n2. Run `npm install` to download the npm package dependencies.\n3. Run `npm run dev` to start up the backend and serve the client.\n4. Navigate to `http://localhost:3000` on a local web browser to use the application. \n  \n## Dependencies\nThis project requires the following npm package dependencies, which are included in `package.json`:  \n\n1. [bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/) \n2. [react](https://legacy.reactjs.org/docs/getting-started.html)\n3. [react-bootstrap](https://react-bootstrap.netlify.app/)\n4. [react-dom](https://legacy.reactjs.org/docs/react-dom.html)\n5. [react-router-dom](https://reactrouter.com/en/main)\n\n## Usage \n\n### About Me Page \nUpon opening my website, the user will be presented with the About Me page by default. It has a short description of myself and a recent photo. The user can navigate to the other pages using the navbar in the header. \n\n![Image of About Me page](./public/about_ss.png)\n\n### Portfolio Page\nMake your way to the Portfolio page to see my highlighted projects. Users can hover over the cards to see the project name and descriptions.  \n\nEach project card also includes links to the deployed application and the associated GitHub repository. \n\n![Image of Portfolio page](./public/portfolio_ss.png)\n\n### Resumé Page\nThe Resume page includes a button to download my most recent resume. If the user scrolls further down, they'll be presented with a list of my skill proficiencies.\n\n![Image of Resume page](./public/resume_ss.png)\n\n### Contact Me Page\nIf the user is interested in contacting me, the Contact Me page includes a form for the user to submit their name, email, and message. \n\nThe form includes a number of validators that prevents the user from submitting a form with empty fields or entering an invalid email address. \n\n![Image of Contact Me page](./public/contact_ss.png)\n\n## Questions\nThis project was developed by [dymoy](https://github.com/dymoy).  \nFor any related questions, please contact me via email at \u003cderekymoy@gmail.com\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdymoy%2Freact-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdymoy%2Freact-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdymoy%2Freact-portfolio/lists"}