{"id":19984845,"url":"https://github.com/shaifarfan/ayans-portfolio","last_synced_at":"2025-04-10T02:28:52.199Z","repository":{"id":49864615,"uuid":"352432541","full_name":"ShaifArfan/AYANs-portfolio","owner":"ShaifArfan","description":"A portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also we added smooth scroll in the portfolio which will make the user experience really elegant.","archived":false,"fork":false,"pushed_at":"2024-03-08T09:43:37.000Z","size":7183,"stargazers_count":169,"open_issues_count":4,"forks_count":68,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-03T00:08:47.227Z","etag":null,"topics":["portfolio-website","react","reactproject"],"latest_commit_sha":null,"homepage":"https://ayans-portfolio.netlify.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/ShaifArfan.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":"2021-03-28T20:34:00.000Z","updated_at":"2025-02-26T14:43:18.000Z","dependencies_parsed_at":"2024-11-13T06:15:18.207Z","dependency_job_id":null,"html_url":"https://github.com/ShaifArfan/AYANs-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/ShaifArfan%2FAYANs-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FAYANs-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FAYANs-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2FAYANs-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShaifArfan","download_url":"https://codeload.github.com/ShaifArfan/AYANs-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248143964,"owners_count":21054855,"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":["portfolio-website","react","reactproject"],"created_at":"2024-11-13T04:20:49.884Z","updated_at":"2025-04-10T02:28:52.162Z","avatar_url":"https://github.com/ShaifArfan.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/shaifarfan08"],"categories":[],"sub_categories":[],"readme":"![](./ReadMeImages/ReadMeBanner.png)\n# Ayan's Portfolio website [React Project]\n\n**Watch On YouTube ![YouTube Video Views](https://img.shields.io/youtube/views/esC2k9z7w2U?style=social) : [Watch Now][youtubelink]**\n\n**Live Preview: [Open Link][preview]**\n\n\n---\n\n### Made with ❤️ by [Shaif Arfan](https://www.instagram.com/shaifarfan08/)\n\nLike my works and want to support me?\n\n\u003ca href=\"https://www.buymeacoffee.com/shaifarfan08\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\" alt=\"Buy Me A Coffee\" style=\"height: 45px !important;width: 162.75px !important;\" \u003e\u003c/a\u003e\n\n---\n\n## Project Details\n\nA portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also, we added smooth scroll in the portfolio which will make the scroll experience really elegant.\n\nThis is a beginner-friendly react js project. There will be a full free step-by-step tutorial on [YouTube][youtubelink]. This project is made for education purposes by the Team [web cifar][webcifarwebsite]. We are going to learn so many things through this project especially how to work with React Js. React Js is one of the hottest techs for web dev. Through this project, we will have a good understanding of react js. Besides React js we are going to use many other techs. Also, there will be a full project tutorial playlist on [YouTube][youtubelink] so that you can get the step-by-step guide to make this portfolio.\n\n## Project Requirement\n\n1. HTML, CSS\n1. JavaScript\n1. React Basic (optional)\n\n## What we are going to Use/learn\n\n- React\n- React Hooks\n- Styled Components\n- Swiper js\n- React Transition Group\n- Smooth Scrollbar\n- React Icons\n- React Router Dom\n- More...\n\n## Starter Files\n\nFor the starter files, we created a `branch` in this repository named `starter_files`. You need to change the branch in the top corner of the repo then you will get the starter files and now you can clone the repo or `download` it.\n\n## Getting Started\n\nThe recommended way to get started with the project is Follow the [YouTube tutorial][youtubelink]. You will find all the step-by-step guides for free. Or you Can start the project on your own by following the guide below.\n\nAfter getting the starter files, you need to go the file directory and run\n\n```shell\nnpm install\n```\n\nand after that start the live server.\n\n```shell\nnpm start\n```\n\n## want to use the website ?\n\nThis website is made for educational purposes. Also, this will be free to use. Though a proper credit will be appreciated.\n\n## Other projects\n\n📚 [All Web Cifar Project Tutorials](https://github.com/ShaifArfan/wc-project-tutorials)\n\n# If you like the tutorial, please share this with others.\n\n[preview]: https://ayans-portfolio.netlify.app/\n[youtubelink]: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7mO-lGxKkNSWiAlsiZHnQYY\n[webcifarwebsite]: https://webcifar.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Fayans-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaifarfan%2Fayans-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Fayans-portfolio/lists"}