{"id":13402060,"url":"https://github.com/adisreyaj/portfolio","last_synced_at":"2025-03-17T09:31:08.932Z","repository":{"id":98816242,"uuid":"363606153","full_name":"adisreyaj/portfolio","owner":"adisreyaj","description":"My personal website and portfolio. Made with NextJs","archived":false,"fork":false,"pushed_at":"2024-04-20T09:36:50.000Z","size":14358,"stargazers_count":26,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-27T22:10:31.708Z","etag":null,"topics":["nextjs","portfolio","react","website"],"latest_commit_sha":null,"homepage":"https://adi.so","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/adisreyaj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2021-05-02T08:49:56.000Z","updated_at":"2024-12-06T18:34:17.000Z","dependencies_parsed_at":"2024-10-27T12:49:17.604Z","dependency_job_id":"4a17a461-1148-46dc-97c9-57e21a8040bb","html_url":"https://github.com/adisreyaj/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/adisreyaj%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adisreyaj","download_url":"https://codeload.github.com/adisreyaj/portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243858929,"owners_count":20359260,"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":["nextjs","portfolio","react","website"],"created_at":"2024-07-30T19:01:11.107Z","updated_at":"2025-03-17T09:31:05.734Z","avatar_url":"https://github.com/adisreyaj.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n  \u003cp align=\"center\"\u003e\n   \u003cimg src=\"portfolio.png\" alt=\"Adithya Sreyaj Portfolio\"\u003e\n  \u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eAdithya Sreyaj's Portfolio\u003c/h3\u003e\nPresenting my personal portfolio ✨ website where I showcase my projects 💻, blogs 📰 and more.\n\nI always wanted a portfolio, but wanted something that is different 🥳 from all the other portfolios out there. \n\nOne fine day, I got a design idea 💡, and just started \nworking it a created a mock in figma. It turned out great.\n\nNext day, I started building it out.\n\n## Sections\n\nIt's a single page website and is divided into multiple sections. \n- Hero Section\n- Projects Showcase\n- Career Timeline\n- About Section\n- Tech Stack\n- Blogs Showcase\n- Talks/Conference Section\n- My Dev Tools\n- What am I playing on Spotify?\n\n## Tech Stack\n\n  \u003cp align=\"center\"\u003e\n   \u003cimg src=\"https://cardify.vercel.app/api/badges?border=false\u0026borderColor=%23ddd\u0026borderWidth=2\u0026iconColor=%23000\u0026icons=react%2Cnextdotjs%2Ctailwindcss%2Csass%2Cvercel\u0026preset=young-grass\u0026shadow=true\u0026width=120\" alt=\"Tech Stack\"\u003e\n  \u003c/p\u003e\n\nSo it's all **JavaScript** because for a very small project like this it might not make that sense to use TypeScript (I Love TypeScript btw!). \nAnd its only me who will work on this one.\n\nNextJs is just an amazing framework to work with, especially with the file based routing and SSR capabilities. And for styling its TailwindCSS.\nWith Vercel, deployments are a breeze and you don't have to worry about a thing.\n\n### Links\n- Next.Js: https://nextjs.org/\n- TailwindCSS: https://tailwindcss.com/\n- Vercel: https://vercel.com/\n\nHere is how the files are arranged:\n\n```shell\n├── components\n├── data\n├── lib\n├── pages\n├── public\n└── styles\n```\n\n## Data Sources\n\nData for different sections of the application are sourced from files in the `data` directory. They are just plain JavaScript files.\n```shell\n├── dev-setup.js\n├── job.js\n├── project.js\n└── talks.js\n```\n## Blogs Integration\n\nThe blogs displayed on the portfolio are from my [Blog](https://sreyaj.dev) which is hosted on Hashnode.\nHashnode provides an API to fetch the posts of a user via a GraphQL query.\n```js\nconst query = gql`\n    query {\n      user(username: \"adisreyaj\") {\n        publication {\n          posts(page: 0) {\n            title\n            coverImage\n            slug\n            cuid\n            totalReactions\n            brief\n            dateUpdated\n          }\n        }\n      }\n    }\n  `;\n  const data = await request('https://api.hashnode.com/', query);\n  return {\n    props: {\n      posts: data.user.publication.posts,\n      jobs: JOBS,\n      projects: PROJECTS,\n    },\n  };\n```\nThis returns an array of posts of the specified user.\n\n## What am I playing on Spotify?\n\nThis is an interesting bit that I added, inspired by the [Lee Rob's blog](https://leerob.io/). \nIt shows the current song that I'm listening to on Spotify.\n\n![What am I playing now](public/images/playing-now-spotify.png)\n\nHe has written a wonderful blog on how to set up Spotify integration with Next.js.\n\nRead Here:  https://leerob.io/blog/spotify-api-nextjs\n\n\n## Show your support\n\nDon't forget to ⭐️ the repo if you liked it. Just would mean a lot to me.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadisreyaj%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadisreyaj%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadisreyaj%2Fportfolio/lists"}