{"id":26608102,"url":"https://github.com/mobinx/mobin.me","last_synced_at":"2025-08-11T07:04:20.907Z","repository":{"id":283802700,"uuid":"952913872","full_name":"MobinX/mobin.me","owner":"MobinX","description":"My Very own tiny unverse","archived":false,"fork":false,"pushed_at":"2025-06-01T12:17:34.000Z","size":119117,"stargazers_count":0,"open_issues_count":11,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T21:03:51.984Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://mobinme.vercel.app","language":"TypeScript","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/MobinX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-22T06:13:13.000Z","updated_at":"2025-06-01T12:17:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"9207abca-d67d-4df3-ac89-1bb5edb38124","html_url":"https://github.com/MobinX/mobin.me","commit_stats":null,"previous_names":["mobinx/mobin.me"],"tags_count":0,"template":false,"template_full_name":"mirsazzathossain/mirsazzathossain.me","purl":"pkg:github/MobinX/mobin.me","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MobinX%2Fmobin.me","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MobinX%2Fmobin.me/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MobinX%2Fmobin.me/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MobinX%2Fmobin.me/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MobinX","download_url":"https://codeload.github.com/MobinX/mobin.me/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MobinX%2Fmobin.me/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269844098,"owners_count":24484132,"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","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-03-23T23:37:50.212Z","updated_at":"2025-08-11T07:04:20.895Z","avatar_url":"https://github.com/MobinX.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Tech Stack](public/images/msh-nextjs.png)\n\n## mobin.me\n\n![website status](https://img.shields.io/website?down_color=red\u0026down_message=offline\u0026up_color=green\u0026up_message=online\u0026url=https%3A%2F%2Fmobin.me\u0026style=flat-square) ![GitHub](https://img.shields.io/github/license/mobinx/mobin.me?style=flat-square) ![GitHub last commit](https://img.shields.io/github/last-commit/mobinx/mobin.me?style=flat-square) ![GitHub repo size](https://img.shields.io/github/repo-size/mobinx/mobin.me?style=flat-square) ![GitHub top language](https://img.shields.io/github/languages/top/mobinx/mobin.me?style=flat-square)\n\nThis is the source code of my personal website [mobin.me](https://mobinx.vercel.app). This academic portfolio website is a comprehensive and visually appealing online presence that showcases my skills, achievements, and experiences in my field of study. I built the website using [Next.js](https://nextjs.org/), a highly popular JavaScript framework that allows for the creation of server-rendered and statically generated web applications. To ensure a modern and professional design, I utilized [Tailwind CSS](https://tailwindcss.com/), a utility-first CSS framework, and was inspired by the [Spotlight](https://spotlight.tailwindui.com/) theme from Tailwind UI. The content of my website is managed with the help of [Contentlayer](https://www.contentlayer.dev/), a platform that simplifies the creation and management of content, and is written in Markdown for efficient organization and formatting. The blog posts on my website feature a commenting system powered by [Giscus](https://giscus.app/), a GitHub-based discussion platform, allowing for interactive communication and feedback from my audience. Additionally, I integrated the [Spotify](https://www.spotify.com/) Web API to showcase my recently played songs on the website and used icons from [Heroicons](https://heroicons.com/) to enhance the visual appeal of my website. My website is hosted on [Vercel](https://vercel.com/), a reliable cloud platform for hosting static sites and serverless functions, ensuring smooth and fast access for all users. Overall, I believe my academic portfolio website demonstrates my dedication to staying up-to-date with modern technologies and presents a dynamic and visually striking online presence.\n\nIn short, the tech stack of the website is as follows:\n\n- Framework: [Next.js](https://nextjs.org/)\n- Styling: [Tailwind CSS](https://tailwindcss.com/)\n- Icons: [Heroicons](https://heroicons.com/)\n- Content: [Markdown](https://www.markdownguide.org/)\n- Content Management: [Contentlayer](https://www.contentlayer.dev/)\n- Deployment: [Vercel](https://vercel.com/)\n- Comments: [giscus](https://giscus.app/)\n\n## Overview\n\n- `app/*`: I have used next.js new `app` directory structure. This directory contains the main app.\n- `components/*`: All custom components are stored in this directory.\n- `content/*`: This directory contains all the [Contentlayer](https://contentlayer.dev/) contents.\n- `public/*`: This directory contains all the static assets of the website.\n- `public/content/*`: This directory contains all the static contents of the website. e.g. projects, experiences, education, etc.\n- `styles/*`: I have used Tailwind CSS for styling. This directory contains the Tailwind CSS global styles and some custom styles for the website.\n- `utils/*`: This directory contains some utility functions.\n\n## Cloning and Forking\n\nIf you want to clone or fork this repository, please make sure to remove the `content` and `public` directories as they contain my personal content and assets. You can add your own content and assets in the `content` and `public` directories respectively.\n\nClone the repository by running the following command.\n\n```bash\ngit clone https://github.com/mobinx/mobin.me.git\n# or\ngit clone git@github.com:mobinx/mobin.me.git\n```\n\nYou can remove the `content` and `public` directories by running the following commands.\n\n```bash\nrm -rf content\nrm -rf public\n```\n\nAdd your own content and assets in the `content` and `public` directories respectively.\n\n## Installation\n\nInstall the dependencies by running the following command.\n\n```bash\nnpm install\n# or\nyarn install\n```\n\nFinally, run the following command to start the development server.\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n**Note**: You have to create a `.env` file in the root directory and add the following environment variables to get the Spotify integration working.\n\n```bash\nSPOTIFY_CLIENT_ID=yourspotifyclientid\nSPOTIFY_CLIENT_SECRET=yourspotifyclientsecret\nSPOTIFY_REFRESH_TOKEN=yourspotifyrefreshtoken\n```\n\nYou can get the `SPOTIFY_CLIENT_ID` and `SPOTIFY_CLIENT_SECRET` from [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/). You can get the `SPOTIFY_REFRESH_TOKEN` from [Spotify Web API Console](https://developer.spotify.com/console/get-recently-played/).\n\n## Inspiration\n\nI have used the following websites as inspiration for building this website.\n\n- [Delba - delba.dev](https://delba.dev/)\n- [Lee Robinson - leerob.io](https://leerob.io/)\n- [Manu Arora - manuarora.in](https://manuarora.in/)\n- [Tailwind Nextjs Starter Blog](https://github.com/timlrx/tailwind-nextjs-starter-blog)\n\nThe styles of the website are inspired by the [Spotlight](https://spotlight.tailwindui.com/) theme design by [Tailwind UI](https://tailwindui.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmobinx%2Fmobin.me","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmobinx%2Fmobin.me","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmobinx%2Fmobin.me/lists"}