{"id":18997482,"url":"https://github.com/vedanthb/hackneog-portfolio","last_synced_at":"2026-04-17T05:30:17.611Z","repository":{"id":40435480,"uuid":"489884608","full_name":"VedanthB/hackNeoG-portfolio","owner":"VedanthB","description":null,"archived":false,"fork":false,"pushed_at":"2022-05-09T01:09:30.000Z","size":4702,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-01T17:13:15.834Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://hackneog-portfolio.netlify.app/","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/VedanthB.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-05-08T08:15:19.000Z","updated_at":"2022-05-09T00:59:46.000Z","dependencies_parsed_at":"2022-08-09T20:20:57.181Z","dependency_job_id":null,"html_url":"https://github.com/VedanthB/hackNeoG-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/VedanthB%2FhackNeoG-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2FhackNeoG-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2FhackNeoG-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VedanthB%2FhackNeoG-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VedanthB","download_url":"https://codeload.github.com/VedanthB/hackNeoG-portfolio/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240013919,"owners_count":19734160,"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":"2024-11-08T17:40:57.988Z","updated_at":"2026-04-17T05:30:17.538Z","avatar_url":"https://github.com/VedanthB.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# hackNeog - React Portfolio Template\n\n## **About**\n\nA simplified personal resume website template  built with webpack and React/Babel. Auto formatted with Prettier and ESLint. Sanity for Content Management. Styled using SASS.\n\n### DEMO WEBSITE: [https://hackneog-portfolio.netlify.app/](https://hackneog-portfolio.netlify.app/)\n\n### Notion Link with instructions to make the portfolio your own [https://rich-trail-286.notion.site/hackNeogG-portfolio-template-58532f3cc7ad4e048eb0fc29e2166945](https://rich-trail-286.notion.site/hackNeogG-portfolio-template-58532f3cc7ad4e048eb0fc29e2166945)\n---\n\n## **Features**\n\n- Proven, scalable, and easy to understand project structure\n- Written in modern React, only functional components with hooks\n- A variety of custom light-weight UI components.\n- Simple local React state management.\n- Custom `webpack` setup, without create-react-app.\n- Client written in Babel powered JavaScript\n- `Sanity CMS` for content management so you dont have to change the code for every content update you want to do on the website.\n- Styled using `SASS`.\n- Sleek Animations using `framer-motion`\n- Dark Mode\n\n---\n\n## **Make it Your Own!**\n\n### **PREREQUISITES:**\n\n- Sign up for a `Netlify` account [HERE](https://www.netlify.com/)\n- Install `Node JS` in your computer [HERE](https://nodejs.org/en/)\n- Install `Sanity CLI` in your computer by running `sudo npm i -g @sanity/cli`  in your terminal\n\n```bash\nsudo npm i -g @sanity/cli\n```\n\n### **PROCEDURE:**\n\n- Download the zip folder from Github and unzip it Here is the link to download zip 👉 [HERE](https://github.com/VedanthB/hackNeoG-portfolio/archive/refs/heads/dev.zip)\n- Open the folder in VS Code\n- Open terminal in VS Code\n- Create a new folder called `backend` and change directory to backend\n\n```bash\ncd backend\n```\n\n![Screenshot 2022-05-09 at 5.57.10 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.57.10_AM.png)\n\n- Open terminal in VS Code\n- in the `backend` folder run `sanity init` , this will initialize a sanity project in the backend folder. You will be asked a few questions.\n1. project name: `any name you wish`\n2. use default config: `yes`\n3. public output path: `press enter`\n4. Select project template: `clean project with no predefined schemas`\n\n![Screenshot 2022-05-09 at 5.39.45 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.39.45_AM.png)\n\n![Screenshot 2022-05-09 at 5.39.54 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.39.54_AM.png)\n\n![Screenshot 2022-05-09 at 5.40.11 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.40.11_AM.png)\n\n![Screenshot 2022-05-09 at 5.41.02 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.41.02_AM.png)\n\n![Screenshot 2022-05-09 at 5.41.08 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_5.41.08_AM.png)\n\n- now in the backend folder replace the `schema` folder with this folder\n\n[15kGx_by4cC6yQ94VJJZwSnlEy-s4aUiy?usp=sharing](https://drive.google.com/drive/folders/15kGx_by4cC6yQ94VJJZwSnlEy-s4aUiy?usp=sharing)\n\n- Edit   `frontend/src/portfolio.js` and add your personal details and social media links\n\n- Open terminal in VS Code\n- Run `sanity manage` in your `backend` folder , this will open a sanity dashboard\n\n![Screenshot 2022-05-09 at 6.10.32 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_6.10.32_AM.png)\n\n- copy the `project id` and paste it in an `.env` file in a variable called `REACT_APP_SANITY_PROJECT_ID` your frontend folder root\n- then navigate to api in the sanity dashboard and add a cors origin [`http://localhost:6060`](http://localhost:6060/)   and select allow credentials\n\n![Screenshot 2022-05-09 at 6.14.00 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_6.14.00_AM.png)\n\n- then create API Token , choose `editor` as permissions name it anything you like, and paste the token in the `.env` file.\n    \n    ![Screenshot 2022-05-09 at 6.16.29 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_6.16.29_AM.png)\n    \n- Your `.env` file should look like this\n\n```bash\nREACT_APP_SANITY_PROJECT_ID = your project id\nREACT_APP_SANITY_TOKEN = your api token\n```\n\n- Now run `sanity start` in your backend folder in the terminal which will open the sanity CMS dashboard where you can upload your website content.\n\n![Screenshot 2022-05-09 at 6.19.51 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_6.19.51_AM.png)\n\n\u003caside\u003e\n💡 Things to keep in mind while uploading your content on Sanity , in the works section when you add a project/work make sure you fill the tags field with one of the tags\n- “React JS”\n- “JavaScript”\n- “UI/UX”\n\n\u003c/aside\u003e\n\n---\n\n## How to deploy the project ??\n\n- RUN `npm run build`, in the frontend folder,  this command will update the `public` folder for you\n- DRAG AND DROP the `public` folder on Netlify, your app is live now for the world to see.\n- One last step to make the website load data from Sanity is adding the deployed site link in the cors origin tab on the sanity manage dashboard.\n\n![Screenshot 2022-05-09 at 6.25.48 AM.png](hackNeogG%20portfolio%20template%20365ec77faa4f40caa800e955b1cbef88/Screenshot_2022-05-09_at_6.25.48_AM.png)\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvedanthb%2Fhackneog-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvedanthb%2Fhackneog-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvedanthb%2Fhackneog-portfolio/lists"}