{"id":19826067,"url":"https://github.com/tdgnate/react-portfolio","last_synced_at":"2025-05-01T14:30:52.274Z","repository":{"id":61901089,"uuid":"543415902","full_name":"TDGNate/react-portfolio","owner":"TDGNate","description":"This is my main portfolio that I will be presenting which showcases my projects, experience, and skills. 🙂","archived":false,"fork":false,"pushed_at":"2023-03-10T01:52:02.000Z","size":99018,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T14:21:09.311Z","etag":null,"topics":["bootstrap","bootstrapicons","css-flexbox","emailjs","reactjs","sweetalert"],"latest_commit_sha":null,"homepage":"https://natemci.com","language":"JavaScript","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/TDGNate.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}},"created_at":"2022-09-30T03:33:00.000Z","updated_at":"2023-02-20T11:46:03.000Z","dependencies_parsed_at":"2023-01-27T13:16:26.589Z","dependency_job_id":null,"html_url":"https://github.com/TDGNate/react-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2Freact-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2Freact-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2Freact-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2Freact-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TDGNate","download_url":"https://codeload.github.com/TDGNate/react-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251889944,"owners_count":21660416,"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":["bootstrap","bootstrapicons","css-flexbox","emailjs","reactjs","sweetalert"],"created_at":"2024-11-12T11:09:27.435Z","updated_at":"2025-05-01T14:30:48.879Z","avatar_url":"https://github.com/TDGNate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nate's React Portfolio\n\nThis is my main portfolio that I will be presenting which showcases my projects, experience, and skills. 🙂\n\nMy portfolio has an about me, projects, skills, and a contact section modularized into components. And if the viewer chooses to dedicate their attention to just my projects, I created a whole page displaying every single one of my projects and the tools I used to create it.\n\nThis website is powered my React.js, and is deployed on Github pages.\n\nDeployed: https://www.natemci.com\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n## Table Of Contents\n\n- [Technologies](#technologies)\n- [Install](#install)\n- [Screenshots](#screenshots)\n- [Contribute](#contributing)\n- [Questions](#questions)\n\n## Technologies\n\nHere are the technologies I used for this app\n\n- [React](https://reactjs.org/)\n- [Emailjs](https://www.emailjs.com/)\n- [Bootstrap](https://getbootstrap.com/)\n- [SweetAlert](https://sweetalert.js.org/guides/)\n- [Github Pages](https://pages.github.com/)\n\n## Install\n\nIf you would like to use this layout, you can clone or fork, and run `npm install` to install all the packages needed to run this application.\n\nBut before you install, in order for you to get emails from the contact form, you have to link up your keys in the `.env`. I used Emailjs to take care of that for me, but please read the docs -\u003e **[EmailJS Docs](https://www.emailjs.com/docs/)**.\n\nOnce you have a solid idea of how to create your email templates, and how to get your emailjs keys, then go to the `.env.EXAMPLE` file in the root, remove the \".EXAMPLE\" and add your Emailjs variables.\n\n```\n REACT_APP_SERV_KEY=( Your Server key )\n REACT_APP_FORM_TEMPLATE=( Your Template )\n REACT_APP_FORM_PUB_KEY=( Your public Key )\n```\n\n_Note: remove the parenthesis and make sure there's no spaces_\n\nAfter getting those set up, run `npm start` to start the application.\n\n## Screenshots\n\n  \u003cimg src=\"./assets/imgs/hero-section.png\" alt=\"hero section\" /\u003e\n  \u003cimg src=\"./assets/imgs/below-projects-section.png\" alt=\"project section\" /\u003e\n  \u003cimg src=\"./assets/imgs/skills-section.png\" alt=\"skills section\" /\u003e\n  \u003cimg src=\"./assets/imgs/contact-section.png\" alt=\"contact section\" /\u003e\n  \u003cimg src=\"./assets/imgs/projects-page.png\" alt=\"project page\" /\u003e\n\n## Contributing\n\nFork this, and make your pull request :)\n\n## Questions\n\n_Reach Out!_\n\nGithub: [TDGNate](https://github.com/TDGNate)\n\nEmail: itsnzte@gmail.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftdgnate%2Freact-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftdgnate%2Freact-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftdgnate%2Freact-portfolio/lists"}