{"id":46729549,"url":"https://github.com/aarabii/v4","last_synced_at":"2026-03-09T14:40:43.050Z","repository":{"id":41238913,"uuid":"508810400","full_name":"aarabii/v4","owner":"aarabii","description":"Presonal portfolio website based on react","archived":false,"fork":false,"pushed_at":"2025-09-15T10:57:39.000Z","size":28404,"stargazers_count":19,"open_issues_count":5,"forks_count":10,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-15T12:29:54.202Z","etag":null,"topics":["css","css-animations","customwebsite","free","freetouse","heroku","heroku-app","heroku-deployment","herokuapp","javascript","portfolio","portfolio-website","presonal","presonal-website","react","react-hooks","react-router","reactjs","scss"],"latest_commit_sha":null,"homepage":"https://aarabii.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/aarabii.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-06-29T18:49:50.000Z","updated_at":"2025-09-15T10:57:37.000Z","dependencies_parsed_at":"2024-03-26T22:30:42.744Z","dependency_job_id":"ce88cdaf-53ac-40f6-b7b4-eea41cef85ad","html_url":"https://github.com/aarabii/v4","commit_stats":null,"previous_names":["aarabii/v4","losier/v4"],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/aarabii/v4","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarabii%2Fv4","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarabii%2Fv4/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarabii%2Fv4/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarabii%2Fv4/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aarabii","download_url":"https://codeload.github.com/aarabii/v4/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarabii%2Fv4/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30299115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T14:33:48.460Z","status":"ssl_error","status_checked_at":"2026-03-09T14:33:48.027Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","css-animations","customwebsite","free","freetouse","heroku","heroku-app","heroku-deployment","herokuapp","javascript","portfolio","portfolio-website","presonal","presonal-website","react","react-hooks","react-router","reactjs","scss"],"created_at":"2026-03-09T14:40:42.198Z","updated_at":"2026-03-09T14:40:43.028Z","avatar_url":"https://github.com/aarabii.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n[![LinkedIn][linkedin-shield]][linkedin-url]\n\n\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/losier/v4\"\u003e\n    \u003cimg src=\"images/logo.png\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eV4\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An awesome portfolio website to showcase your skills and projects!\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/losier/v4/#readme\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://aarab.vercel.app\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/losier/v4/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/losier/v4/issues\"\u003eRequest Feature\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://vercel.com/\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://vercelbadge.vercel.app/api/losier/v4?style=for-the-badg\" alt=\"Vercel\"\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributors\"\u003eContributors\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n    \nPreview of the site |  Responsiveness of the site\n:-------------------------:|:-------------------------:\n[![Product Name Screen Shot][product-screenshot]](https://example.com)  |  [![Product Name Screen Shot][product-screenshot2]](https://example.com)\n\nThis is a personal portfolio website built using React and hosted on Vercel, with the support of Email.js for easy communication with potential employers, clients, and collaborators. The portfolio showcases my skills, experience, and projects in an engaging and interactive way, with a clean design and intuitive navigation that provides a user-friendly experience. The project can also serve as a valuable resource for anyone looking to create their own portfolio website, with its modern web development practices and customizable design.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n### Built With\n\n* [![React][React.js]][React-url]\n* [![Bootstrap][Bootstrap.com]][Bootstrap-url]\n\u003c!-- * [![Email.js][Email.js]][Email-url]\n* [![Vercel][Vercel]][Vercel-url]\n* [![GitHub Pages][GitHub Pages]][GitHub Pages-url] --\u003e\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- GETTING STARTED --\u003e\n## Getting Started\n\n1. Clone the repository to your local machine using Git.\n2. Install the necessary dependencies by running npm install.\n3. Customize the content and design of the portfolio to fit your needs.\n4. Run the development server using npm start.\n5. Open your web browser and navigate to http://localhost:3000/ to view the portfolio.\n\n### Prerequisites\n\nInstall the following software on your computer:\n\n  * [Git](https://git-scm.com/downloads)\n  * [Node.js](https://nodejs.org/en/download/)\n  * [npm](https://www.npmjs.com/get-npm) (comes with Node.js)\n  * [Yarn](https://classic.yarnpkg.com/en/docs/install/#windows-stable) (optional but recommended)\n    \n    - To install these tools on Windows using `winget` and `PowerShell`:\n        * ```sh\n            winget install -e --id Git.Git\n            winget install -e --id Nodejs.Nodejs\n            winget install -e --id Yarn.Yarn\n    - To install these tools on Windows using `chocolatey` and `PowerShell`:\n        * ```sh\n            choco install git\n            choco install nodejs\n            choco install yarn\n### Installation\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/your_username_/Project-Name.git\n   ```\n2. Go to the project directory\n   ```sh\n   cd project-directory\n   ```\n3. Install NPM packages\n   ```sh\n   npm install\n   ```\n4. Start the project\n   ```sh\n    npm start\n    ```\n5. Open the project in your browser (Don't worry, it will open automatically)\n    ```sh\n    http://localhost:3000\n    ```\n6. Edit the `config.js` file to add your own information and save it.\n7. Build the project\n    ```sh\n    npm run build\n    ```\n8. Deploy the project to your hosting service (like [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/)) and enjoy your new portfolio!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- USAGE EXAMPLES --\u003e\n## Usage\n\nMy portfolio (v4) repo can serve as a useful resource for anyone looking to create their own portfolio website. With its clean design and intuitive navigation, this project provides an excellent starting point for showcasing skills and experience. The integration of Email.js also allows for easy communication with potential employers, clients, and collaborators. Whether you're a freelancer, job seeker, or simply looking to build your online presence, this portfolio (v4) repo can provide inspiration and practical solutions for your web development needs.\n\n_For more examples, please refer to the [Documentation](https:github.com/losier/v4/#readme)_\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- ROADMAP --\u003e\n## Roadmap\n\n- [x] Add README and LICENSE\n- [ ] Add Responsive CSS for project page\n- [ ] Fix Contact system\n- [ ] Fix ring cursor for small devices\n\nSee the [open issues](https://github.com/losier/v4/issues) for a full list of proposed features (and known issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- CONTRIBUTING --\u003e\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- LICENSE --\u003e\n## License\n\n[MIT License](https://opensource.org/license/mit/). See `LICENSE` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Contributors\n\n| Avatar                                                         | Name                                              | Contribution                                                                                                                                         |\n| -------------------------------------------------------------- | ------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |\n| \u003cimg src=\"https://github.com/losier.png\" width=100px\u003e          | [Losier](https://github.com/losier)               | Owner of this Repo                                                                                                                                   |\n| \u003cimg src=\"https://github.com/spbavarva.png\" width=100px\u003e       | [Sneh Patel](https://github.com/spbavarva)        | [coming soon responsive check](https://github.com/losier/v4/commit/1c73516856115e9261bb6b2e0718ad20df660386)                                         |\n| \u003cimg src=\"https://github.com/Aryanihal.png\" width=100px\u003e       | [Nihal Arya](https://github.com/Aryanihal)        | [Create CODE_OF_CONDUCT.md](https://github.com/losier/v4/commit/41295c4eaf7b6568c30f2bce093b1768d98e7a36)                                            |\n| \u003cimg src=\"https://github.com/GalMalach08.png\" width=100px\u003e     | [Gal Malach](https://github.com/GalMalach08)      | [fix the navbar when scroll](https://github.com/losier/v4/commit/fe699536343e9f213873faec915fa9eacadeb037)                                           |\n| \u003cimg src=\"https://github.com/makssmeinart.png\" width=100px\u003e    | [makssmeinart](https://github.com/makssmeinart)   | [1. Fixed few paddings in Navbar on mobile resolutions. 2. Added small…](https://github.com/losier/v4/tree/ac6f0f5196489d4fccd9e2c51bf84a7a3ebfa7ed) |\n| \u003cimg src=\"https://github.com/CarlosAlbaLopez.png\" width=100px\u003e | [Carlos Alba](https://github.com/CarlosAlbaLopez) | [Redirect to a section in react](https://github.com/losier/v4/commit/518a98a8c6d95db26bc235971b4c5ff805d22db1)                                       |\n| \u003cimg src=\"https://github.com/ullaskunder3.png\" width=100px\u003e    | [Ullas Kunder](https://github.com/ullaskunder3)   | [🐼fixed mobile view and some bugs](https://github.com/losier/v4/commit/594401f9ee4e3930f298612c095a7df36bb2346a)                                    |\n| \u003cimg src=\"https://github.com/Thendo-T.png\" width=100px\u003e        | [Thendo](https://github.com/Thendo-T)             | [fix loader ring issue](https://github.com/losier/v4/commit/73b980b6e1b109f38edf92619383844cc3cd70fe)                                                |\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTACT --\u003e\n## Contact\n\nAarab - [@aarabuibuibui](https://instagram.com/aarabuibuibui) - nishu@duck.com\n\nProject Link: [https://github.com/losier/v4](https://github.com/losier/v4)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n## Acknowledgments\n\n* [Brittany Chiang](https://brittanychiang.com/).\n* [EGATOR](https://www.youtube.com/c/EGATORTUTORIALS).\n* [Some Devs From StackOverFlow](https://stackoverflow.com/)\n* [Some Devs From CodePen](https://codepen.io/)\n* [Rahul](https://dev.to/holdmypotion/react-custom-cursor-no-extra-dependencies-25ki)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n[contributors-shield]: https://img.shields.io/github/contributors/losier/v4.svg?style=for-the-badge\n[contributors-url]: https://github.com/losier/v4/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/losier/v4.svg?style=for-the-badge\n[forks-url]: https://github.com/losier/v4/network/members\n[stars-shield]: https://img.shields.io/github/stars/losier/v4.svg?style=for-the-badge\n[stars-url]: https://github.com/losier/v4/stargazers\n[issues-shield]: https://img.shields.io/github/issues/losier/v4.svg?style=for-the-badge\n[issues-url]: https://github.com/losier/v4/issues\n[license-shield]: https://img.shields.io/github/license/losier/v4.svg?style=for-the-badge\n[license-url]: https://github.com/losier/v4/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/aarab-nishchal\n[product-screenshot]: https://raw.githubusercontent.com/losier/v4/data/images/demo.png\n[product-screenshot2]: https://raw.githubusercontent.com/losier/v4/data/images/demo2.png\n[logo]: https://raw.githubusercontent.com/losier/v4/data/images/logo.png\n[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\n[React-url]: https://react.dev/\n[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\n[Bootstrap-url]: https://getbootstrap.com\n[JavaScript]: https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\n[JavaScript-url]: https://www.javascript.com/\n[HTML5]: https://img.shields.io/badge/HTML5-323330?style=for-the-badge\u0026logo=html5\u0026logoColor=E34F26\n[HTML5-url]: https://html.com/\n[CSS3]: https://img.shields.io/badge/CSS3-323330?style=for-the-badge\u0026logo=css3\u0026logoColor=1572B6\n[CSS3-url]: https://www.w3.org/Style/CSS/Overview.en.html\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faarabii%2Fv4","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faarabii%2Fv4","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faarabii%2Fv4/lists"}