{"id":27119695,"url":"https://github.com/smartdev00/three-portfolio","last_synced_at":"2025-04-07T09:05:57.133Z","repository":{"id":285959387,"uuid":"955759542","full_name":"smartdev00/Three-Portfolio","owner":"smartdev00","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-03T14:37:36.000Z","size":292766,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T15:39:17.368Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://three-portfolio-pearl.vercel.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/smartdev00.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":"2025-03-27T06:38:57.000Z","updated_at":"2025-04-03T14:37:40.000Z","dependencies_parsed_at":"2025-04-03T15:50:27.375Z","dependency_job_id":null,"html_url":"https://github.com/smartdev00/Three-Portfolio","commit_stats":null,"previous_names":["smartdev00/three-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartdev00%2FThree-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartdev00%2FThree-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartdev00%2FThree-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartdev00%2FThree-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smartdev00","download_url":"https://codeload.github.com/smartdev00/Three-Portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247623010,"owners_count":20968574,"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":[],"created_at":"2025-04-07T09:05:56.446Z","updated_at":"2025-04-07T09:05:57.119Z","avatar_url":"https://github.com/smartdev00.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"/public/favicon.svg\" width=\"50\" alt=\"Logo\" /\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003ePersonal portfolio\u003c/h1\u003e\n\n[![Site preview](/public/site-preview.png)](https://hamishw.com)\n\nMy design portfolio to showcase a few projects. Built with [Remix](https://remix.run/), [Three.js](https://threejs.org/), and [Framer Motion](https://www.framer.com/motion/). View the [live site](https://hamishw.com) or check out a live version of the [components storybook](https://storybook.hamishw.com).\n\n## Install \u0026 run\n\nMake sure you have nodejs `19.9.0` or higher and npm `9.6.3` or higher installed. Install dependencies with:\n\n```bash\nnpm install\n```\n\nOnce it's done start up a local server with:\n\n```bash\nnpm run dev\n```\n\nTo view the components storybook:\n\n```bash\nnpm run dev:storybook\n```\n\n## Deployment\n\nI've set up the site using Cloudflare for hosting. Deploy the site to Cloudflare Pages:\n\n```bash\nnpm run deploy\n```\n\n## Permissions\n\nI'm cool with anyone using the code or parts of the code for their own site, it is open source so people can learn from it and adapt it. However, I would encourage you to modify the theme and components it to make it your own. If you are using the site's design largely unmodified, I'd appreciate being credited as the designer of the website.\n\nI do not give permission to present any of my projects as your own (this is being actively used as my portfolio site and these are my real projects I've worked on).\n\n## FAQs\n\n\u003cdetails\u003e\n  \u003csummary\u003eHow do I change the color on the \u003ccode\u003eDisplacementSphere\u003c/code\u003e (blobby rotating thing in the background).\u003c/summary\u003e\n  \n  You'll need to edit the fragment shader. [Check out this issue for more details](https://github.com/smartdev00/portfolio/issues/19#issuecomment-870996615).\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eHow do I get the contact form to work?\u003c/summary\u003e\n  \n  To get the contact form working create an AWS account and set up SES (Simple Email service). Then plug in your details into `.dev.vars.example` and rename it to `.dev.vars`. You'll also need to add these as enviroment variables in the Cloudflare dashboard for it to work in production. Or if you don't mind sending through gmail use [nodemailer](https://nodemailer.com/) instead.\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmartdev00%2Fthree-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmartdev00%2Fthree-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmartdev00%2Fthree-portfolio/lists"}