{"id":19359066,"url":"https://github.com/uragirii/the-website","last_synced_at":"2025-04-23T11:32:32.682Z","repository":{"id":38764877,"uuid":"283340813","full_name":"uragirii/The-Website","owner":"uragirii","description":"My personal portfolio","archived":false,"fork":false,"pushed_at":"2023-01-10T02:44:00.000Z","size":4676,"stargazers_count":6,"open_issues_count":7,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T14:53:53.962Z","etag":null,"topics":["firebase","hosting","personal-web-portfolio","personal-website","portfolio-website","react","website"],"latest_commit_sha":null,"homepage":"http://apoorv.web.app/","language":"JavaScript","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/uragirii.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}},"created_at":"2020-07-28T22:23:58.000Z","updated_at":"2023-08-18T12:19:53.000Z","dependencies_parsed_at":"2023-02-08T16:46:48.659Z","dependency_job_id":null,"html_url":"https://github.com/uragirii/The-Website","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uragirii%2FThe-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uragirii%2FThe-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uragirii%2FThe-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uragirii%2FThe-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uragirii","download_url":"https://codeload.github.com/uragirii/The-Website/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250425427,"owners_count":21428563,"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":["firebase","hosting","personal-web-portfolio","personal-website","portfolio-website","react","website"],"created_at":"2024-11-10T07:13:56.713Z","updated_at":"2025-04-23T11:32:32.168Z","avatar_url":"https://github.com/uragirii.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assests/favicon.png\"\u003e\n\u003c/p\u003e\n\n# The Website\n\nThis is my Personal Porfolio-Website to showcase my talent in CSS, React and Web Development along with my other projects.\n\nThe Website is completly ready. GO and visit the website.\n\nVisit Website Here : [apoorv.web.app](http://apoorv.web.app/)\n\n\n## The Details\n\nThe behind-the-scenes stuff and other things.\n\n### Color Palette\n\nAt first I decided to make a dark mode toggle but I love Dark mode and decided to set it as default mode of the website.\n\nThe background is dark blue-black color : `#0D0416` \n\nThe foreground is a bright pinkish color and I slightly mixed my background to make it darker : `#D50056`\n\nRight now I'm using a Perfect White for Headings and slight Off White(`#F4F1F1`) for secondary. I intend to change it in the future.\n\nNow I've also added favicon and improved all the project details.\n\n\n### Technical Stuff\n\nI used `React JS` to make the website and then used Firebase Hosting to Host the website. But along with `React JS` following things have significantly helped in the process.\n\n- `GSAP` and `useIntersection` : The animations on scoll is provided using GSAP 3.0 and using a custom hook : `useIntersection`. If you want to know what `useIntersection` is read about [Intersection Observer API on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).\n- `Figma` : I can't stress this enough but using Figma for designing the website beforehand significantly reduced my developement time. I will share Figma Project for this website in future. Check out Figma [here](https://www.figma.com/).\n- `Nodemailer` : I'm using nodemailer to send emails for contacting me. It has really reduced my work.\n- `Firebase` : Firebase is a great service for hosting the website and even check the analytics. I'm using Firebase Analytics/Google Analytics to get the analytics data.\n- Helpful Community : I just love programming community on Reddit, StackOverflow, Medium, YouTube etc. There numerous tutorials and articles have helped in solving made bugs.\n\n### Future Plans\n\nI'm deciding to name all the alpha versions to spell `KONOHA`, birthplace of Naruto. So, in all, all there would be atmost 6 versions. \n\nThe `v1` of website is ready and called `v1.0KONOHA`. But this doesn't mean there would not be further development. Right now, I'm looking to buy a custom domain and deploy it.\n\nStay tuned for `v2`\n\n\n## I found something wrong\n\nIf you have found a bug, some glitch in UI / UX, please open an Issue. If possible do provide a screenshot. \n\nIf you want to help add a feature, sorry I want to develop this website completly on my own. I hope you respect that. But at the same time I'm available for your suggestions. Please open an Issue describing your feature(s). Thanks.\n\n---\n[Visit the website here](http://apoorv.web.app/). I hope you love it. If hate something or if I've done something wrong [email me](mailto:apoorvkansalak@gmail.com) and I will try to fix it.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Furagirii%2Fthe-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Furagirii%2Fthe-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Furagirii%2Fthe-website/lists"}