{"id":24176570,"url":"https://github.com/mksonkar/portfolio-react-nextjs","last_synced_at":"2026-04-14T19:31:21.901Z","repository":{"id":263809634,"uuid":"891286768","full_name":"mksonkar/portfolio-react-nextjs","owner":"mksonkar","description":"A fully responsive portfolio using React, Next.js and TailwindCSS","archived":false,"fork":false,"pushed_at":"2025-01-08T12:00:40.000Z","size":2214,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-04T10:28:09.838Z","etag":null,"topics":["intersection-observer","intersectionobserver","next","nextjs","react","react-hooks","reactjs","tailwind","tailwind-css","tailwindcss","typescript","typescript-react"],"latest_commit_sha":null,"homepage":"https://mksonkar.vercel.app","language":"TypeScript","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/mksonkar.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,"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":"2024-11-20T04:02:45.000Z","updated_at":"2025-01-08T12:00:43.000Z","dependencies_parsed_at":"2025-09-05T12:35:52.723Z","dependency_job_id":"979f5b0a-0a0d-44b5-acf6-207e6f49af25","html_url":"https://github.com/mksonkar/portfolio-react-nextjs","commit_stats":null,"previous_names":["mksonkar/portfolio-react-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mksonkar/portfolio-react-nextjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mksonkar%2Fportfolio-react-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mksonkar%2Fportfolio-react-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mksonkar%2Fportfolio-react-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mksonkar%2Fportfolio-react-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mksonkar","download_url":"https://codeload.github.com/mksonkar/portfolio-react-nextjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mksonkar%2Fportfolio-react-nextjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31812968,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"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":["intersection-observer","intersectionobserver","next","nextjs","react","react-hooks","reactjs","tailwind","tailwind-css","tailwindcss","typescript","typescript-react"],"created_at":"2025-01-13T03:16:30.671Z","updated_at":"2026-04-14T19:31:21.825Z","avatar_url":"https://github.com/mksonkar.png","language":"TypeScript","readme":"# Portfolio\n\nWelcome to my portfolio project built with **React**, **Next.js**, **TailwindCSS**, and other modern web technologies. This project showcases my skills in frontend development, animation, and email integration. It is designed to be visually appealing, responsive, and interactive.\n\nWatch the demo on YouTube:\n\n[![Watch the demo video](https://img.youtube.com/vi/klkHUVqaYbg/hqdefault.jpg)](https://www.youtube.com/watch?v=klkHUVqaYbg)\n\n## Technologies Used\n\nThis project is built using the following technologies and libraries:\n\n- **React**: For building the user interface.\n- **Next.js**: For server-side rendering and static site generation.\n- **TailwindCSS**: For utility-first CSS styling.\n- **Framer Motion**: For smooth animations and page transitions.\n- **React-Email**: For integrating the email system.\n- **Resend**: To handle email delivery functionality.\n- **React-Observer-Intersection-API**: For detecting element visibility in the viewport.\n- **React-Hot-Toast**: For showing toast notifications.\n- **React-Icons**: For adding icons throughout the project.\n\n## Features\n\n- **Responsive Design**: Fully optimized for all screen sizes using TailwindCSS.\n- **Smooth Animations**: All page transitions and interactions use **Framer Motion** to provide a delightful user experience.\n- **Contact Form**: A contact form integrated with **React-Email** and **Resend** to send messages directly to my inbox.\n- **Interactive Elements**: Using **React-Observer-Intersection-API** to trigger animations and effects as users scroll through the site.\n- **Toast Notifications**: Using **React-Hot-Toast** to show interactive notifications (e.g., form submission success).\n- **Iconography**: **React-Icons** used throughout the project for visual appeal.\n\n## Installation\n\nThis is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).\n\nTo run this project locally on your machine, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone git@github.com:mksonkar/portfolio-react-nextjs.git\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd portfolio-react-nextjs\n   ```\n\n3. Install the required dependencies:\n\n   ```bash\n   npm install\n   ```\n\n4. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n5. Open your browser and visit `http://localhost:3000`.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmksonkar%2Fportfolio-react-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmksonkar%2Fportfolio-react-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmksonkar%2Fportfolio-react-nextjs/lists"}