{"id":23914310,"url":"https://github.com/psparwez/coding-hero","last_synced_at":"2026-05-02T17:39:15.179Z","repository":{"id":267181416,"uuid":"900439276","full_name":"psparwez/coding-hero","owner":"psparwez","description":"\"A modern and responsive landing page showcasing India's most active coding community. Built with React, Tailwind CSS, React Router, and Lenis for smooth scrolling.\"","archived":false,"fork":false,"pushed_at":"2024-12-08T23:04:21.000Z","size":3138,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-05T10:12:44.030Z","etag":null,"topics":["coding-community","coding-hero","fronted-development","landing-page","lenis","modern-ui-design","modernui","react","react-project","responsive-web-design","tailwind-projects","tailwindcss","web-development"],"latest_commit_sha":null,"homepage":"","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/psparwez.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":"2024-12-08T19:19:21.000Z","updated_at":"2024-12-08T23:13:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"f645b495-dbb8-4c6b-979e-788e2bd7ee39","html_url":"https://github.com/psparwez/coding-hero","commit_stats":null,"previous_names":["psparwez/coding-hero"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Fcoding-hero","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Fcoding-hero/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Fcoding-hero/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Fcoding-hero/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/psparwez","download_url":"https://codeload.github.com/psparwez/coding-hero/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240364295,"owners_count":19789756,"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":["coding-community","coding-hero","fronted-development","landing-page","lenis","modern-ui-design","modernui","react","react-project","responsive-web-design","tailwind-projects","tailwindcss","web-development"],"created_at":"2025-01-05T10:12:36.287Z","updated_at":"2026-05-02T17:39:15.168Z","avatar_url":"https://github.com/psparwez.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003e 🚀  \u003cstrong\u003eCoding Hero \u003c/strong\u003e - A landing page\u003c/h1\u003e\n    \u003cp\u003e Shape India's Tech Future. A modern, smooth, and \u003cbr\u003e responsive landing page built with  \u003cb\u003eReact\u003c/b\u003e, \u003cb\u003eTailwind CSS\u003c/b\u003e, and \u003cbr\u003e \u003cb\u003eLenis\u003c/b\u003e for seamless scrolling experiences.\u003c/p\u003e\n    \u003cbr/\u003e\n\n[![Live Demo](https://img.shields.io/badge/-Live%20Demo-162648?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)](https://coding-hero-one.vercel.app/)\n\n\u003c/div\u003e\n\n## 🌟 Screenshots\n\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n      \u003cimg src=\"https://github.com/user-attachments/assets/872970b6-e4bb-4019-bbd7-68f2e54692ad\" alt=\"Project Banner\"\u003e\n      \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n\u003c/div\u003e\n\n## 📚 **Table of Contents**  \n\n*  [Introduction](#-introduction)  \n*  [Tech Stack](#-tech-stack)  \n*  [Prerequisites](#-prerequisites)  \n*  [Key Features](#-key-features)  \n*  [Getting Started](#-getting-started)  \n    - [Clone the Repository](#1-clone-the-repository)  \n    - [Install Dependencies](#2-install-dependencies)  \n    - [Run the Development Server](#3-run-the-development-server)  \n* [Screenshots](#-screenshots)  \n* [License](#-license)  \n* [Contact](#-contact)  \n\n\n\n## 📖 Introduction\nWelcome to the Coding Hero - Landing Page! 🚀\n\nThis project is a modern, responsive, and smooth-scrolling landing page designed to showcase India's most active coding community. Built with cutting-edge technologies like React, Tailwind CSS, React Router, and Lenis, it delivers a seamless and engaging user experience across all devices.\n\nThe landing page highlights:\n- The mission and vision of the Coding Hero program.\n- Benefits for aspiring coding enthusiasts.\n- A clear pathway to become a Coding Hero and inspire others.\n\n## 🛠️ Tech Stack\n- React: For building the UI components.\n- React Router v6: For routing and navigation.\n- Lenis: Smooth scrolling library for improved scroll performance.\n- Tailwind CSS: Styling the components.\n\n\n\n\n## 🌟 **Key Features**  \n\n✅ **Modern \u0026 Responsive Design**  \n- Built with **Tailwind CSS** for pixel-perfect responsiveness across devices 📱.  \n\n✅ **Smooth Scrolling**  \n- Integrated **Lenis** for buttery-smooth scroll animations 🧈.  \n\n✅ **Multi-Page Navigation**  \n- Seamless navigation powered by **React Router** 🧭.  \n\n✅ **Reusable Components**  \n- Modular React components for scalability and easy maintenance 🧩.  \n\n✅ **Optimized Performance**  \n- Built with **Vite** for faster development and optimized builds ⚡.  \n\n---\n\n\n## 🚀 Getting Started\nFollow these steps to set up the project locally:\n\n### ⚙️ Prerequisites\n\nBefore you start, ensure you have the following tools installed:\n\n- **[Node.js](https://nodejs.org/)**: Required for managing dependencies and running the project.  \n- **[Visual Studio Code](https://code.visualstudio.com/)** (recommended): A powerful code editor. You can use alternatives if preferred.  \n- **[Git](https://git-scm.com/)**: Required for cloning the repository and version control.  \n\n---\n\n\n### **1. Clone the Repository**  \n```bash\ngit clone https://github.com/psparwez/coding-hero.git\ncd coding-hero\n```\n### **2. Install Dependencies**\n```bash\nnpm install\n```\n### **3. Run the Development Server**\nStart the local development server:\n```bash\nnpm run dev\n```\nThe app will be live at: http://localhost:5173\n\nYou’re now ready to explore and customize **coding-hero** locally!\n\n\u003cbr\u003e\n\n## 📞 Contact\n\nIf you have any questions, encounter issues, or would like to collaborate on this project, feel free to reach out!\n\n[![Contact](https://img.shields.io/badge/Contact-175fd4?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](https://github.com/psparwez/psparwez/)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077b5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/)\n\n### Reporting Issues\n\nIf you encounter any bugs or have suggestions, please open an issue on the [GitHub Issues page](https://github.com/psparwez/coding-hero/issues).\n\nI look forward to hearing from you and collaborating!\n\n\u003cbr /\u003e\n\n### 📝 License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n\u003cbr/\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsparwez%2Fcoding-hero","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpsparwez%2Fcoding-hero","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsparwez%2Fcoding-hero/lists"}