{"id":17817693,"url":"https://github.com/prabalchhatkuli/greenircnepal","last_synced_at":"2026-04-24T16:35:59.558Z","repository":{"id":152993544,"uuid":"400355248","full_name":"prabalchhatkuli/greenircnepal","owner":"prabalchhatkuli","description":"Official Website for Green Innovation Research Center (GIRC) Nepal. Website adopted from gatsby-netlify-cms.netlify.app/","archived":false,"fork":false,"pushed_at":"2025-06-29T05:25:15.000Z","size":10639,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-29T05:25:41.301Z","etag":null,"topics":["cms","gatsby","gatsby-netlify-cms","gatsby-starter","netlify"],"latest_commit_sha":null,"homepage":"https://greenircnepal.org/","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/prabalchhatkuli.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2021-08-27T01:40:56.000Z","updated_at":"2025-06-29T05:25:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"8c004eee-a479-4fa5-9680-c9a59f1015f8","html_url":"https://github.com/prabalchhatkuli/greenircnepal","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/prabalchhatkuli/greenircnepal","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prabalchhatkuli%2Fgreenircnepal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prabalchhatkuli%2Fgreenircnepal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prabalchhatkuli%2Fgreenircnepal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prabalchhatkuli%2Fgreenircnepal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prabalchhatkuli","download_url":"https://codeload.github.com/prabalchhatkuli/greenircnepal/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prabalchhatkuli%2Fgreenircnepal/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32231129,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"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":["cms","gatsby","gatsby-netlify-cms","gatsby-starter","netlify"],"created_at":"2024-10-27T16:45:15.484Z","updated_at":"2026-04-24T16:35:59.551Z","avatar_url":"https://github.com/prabalchhatkuli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Green Innovative Research Center Nepal (GIRC Nepal)\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/26e38338-12bc-4fce-9704-fae0c032756e/deploy-status)](https://app.netlify.com/sites/agitated-jang-846559/deploys)\n\nOfficial website for Green Innovative Research Center Nepal - an environmental research organization dedicated to fostering sustainable development through innovative research, community engagement, and environmental conservation initiatives.\n\n## 🌿 About\n\nGreen Innovative Research Center Nepal (GIRC Nepal) is committed to:\n- Environmental research and conservation\n- Sustainable development initiatives\n- Community empowerment and engagement\n- Climate change research and advocacy\n- Biodiversity conservation\n- Natural resource management\n\n## 🚀 Tech Stack\n\n- **Framework**: [Gatsby 5](https://www.gatsbyjs.org/) with React 18\n- **CMS**: [Netlify CMS](https://www.netlifycms.org) for content management\n- **Styling**: [Bulma CSS](https://bulma.io/) with custom SASS modules\n- **Hosting**: [Netlify](https://www.netlify.com) with continuous deployment\n- **Architecture**: JAMstack (Git as source of truth, CDN distribution)\n\n## ✨ Features\n\n### Content Management\n- **Netlify CMS Integration**: Easy content editing without touching code\n- **Pages**: Home, About, Services, Gallery, Blog, Contact\n- **Blog System**: Full-featured blog with categories, tags, and featured posts\n- **Photo Gallery**: Image gallery with filtering, sorting, and modal lightbox\n- **Contact Forms**: Netlify Forms integration with form validation\n\n### Design \u0026 UX\n- **Dark Mode Support**: System-aware theme with manual toggle\n- **Responsive Design**: Mobile-first approach with optimized breakpoints (375px, 480px, 768px, 1024px, 1216px)\n- **Animations**: Fade-in, slide-in, and gradient shift animations\n- **Gradient Backgrounds**: CSS-based gradients for Gallery and Contact pages\n- **Accessibility**: WCAG AAA compliant contrast ratios, keyboard navigation, ARIA labels\n\n### Performance\n- **Optimized Images**: Gatsby Image for lazy loading and responsive images\n- **PurgeCSS**: Reduces Bulma CSS from ~170KB to ~17KB (90% reduction)\n- **Code Splitting**: Automatic JS chunk loading\n- **Pre-rendered HTML**: Static site generation for blazing fast loads\n- **Perfect Lighthouse Scores**: SEO, Accessibility, and Performance optimized\n\n### Developer Experience\n- **Component Architecture**: Modular React components\n- **Custom SASS Modules**: Organized styles with variables and mixins\n- **Hot Reload**: Fast development with Gatsby's hot module replacement\n- **Netlify Functions**: Serverless function support in `/lambda` folder\n- **Git-based Workflow**: Version control for all content and code\n\n## 📋 Prerequisites\n\n- **Node.js**: v18.0.0 or higher (v20.x recommended)\n- **npm**: v9.0.0 or higher\n- **Git**: For version control\n\n### Version Check\n\n```bash\nnode --version  # Should be \u003e= 18.0.0\nnpm --version   # Should be \u003e= 9.0.0\n```\n\n### Upgrade Node.js (if needed)\n\n- **Using nvm** (recommended):\n  ```bash\n  nvm install 20 \u0026\u0026 nvm use 20\n  ```\n- **Direct download**: https://nodejs.org/\n\n## 🛠️ Local Development\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/[YOUR_USERNAME]/greenircnepal.git\ncd greenircnepal\n```\n\n### 2. Install Dependencies\n\n```bash\nnpm install\n```\n\n### 3. Start Development Server\n\n```bash\nnpm start\n# or\ngatsby develop\n```\n\nThe site will be available at `http://localhost:8000`\n\n### 4. Access the CMS\n\nTo access Netlify CMS locally:\n\n```bash\nnpm run build\nnpx netlify-cms-proxy-server\n```\n\nThen in another terminal:\n\n```bash\ngatsby develop\n```\n\nNavigate to `http://localhost:8000/admin`\n\n## 🏗️ Build \u0026 Deploy\n\n### Production Build\n\n```bash\nnpm run build\n```\n\n### Serve Production Build Locally\n\n```bash\nnpm run serve\n```\n\n### Deploy to Netlify\n\nPushes to the `master` branch automatically deploy to Netlify via continuous deployment.\n\n## 📁 Project Structure\n\n```\ngreenircnepal/\n├── src/\n│   ├── components/          # React components\n│   │   ├── Layout.js        # Main layout wrapper\n│   │   ├── Navbar.js        # Navigation bar\n│   │   ├── Footer.js        # Footer component\n│   │   ├── PageHeader.js    # Reusable page headers\n│   │   ├── Features.js      # Feature cards with carousel\n│   │   └── ...\n│   ├── pages/               # Page components\n│   │   ├── index.md         # Home page content\n│   │   ├── about/           # About page\n│   │   ├── gallery/         # Photo gallery\n│   │   ├── blog/            # Blog index\n│   │   └── contact/         # Contact page\n│   ├── templates/           # Templates for dynamic pages\n│   │   ├── blog-post.js     # Blog post template\n│   │   └── gallery-image.js # Gallery image template\n│   ├── style/               # SASS stylesheets\n│   │   ├── bulma-custom.sass      # Theme variables\n│   │   ├── layout/                # Layout styles\n│   │   ├── components/            # Component styles\n│   │   └── utilities/             # Utility classes\n│   ├── cms/                 # Netlify CMS configuration\n│   └── img/                 # Static images\n├── static/                  # Static files\n│   └── admin/              # Netlify CMS admin\n├── lambda/                  # Netlify functions\n└── gatsby-config.js        # Gatsby configuration\n```\n\n## 🎨 Customization\n\n### Theme Colors\n\nEdit color variables in `src/style/bulma-custom.sass`:\n\n```sass\n:root\n  --primary-color: #48c774\n  --navbar-bg: rgba(255, 255, 255, 0.95)\n  --text-color: #363636\n  // ... more variables\n\n[data-theme=\"dark\"]\n  --primary-color: #48c774\n  --navbar-bg: rgba(26, 26, 26, 0.95)\n  --text-color: #e2e8f0\n  // ... dark mode overrides\n```\n\n### Adding New Pages\n\n1. Create markdown file in `src/pages/` or `static/`\n2. Add frontmatter with `templateKey`\n3. Configure in Netlify CMS at `static/admin/config.yml`\n\n### Modifying Components\n\nComponent styles are in `src/style/components/` - edit corresponding SASS files.\n\n## 📝 Content Management\n\n### Access the CMS\n\n- **Production**: `https://[your-site].netlify.app/admin`\n- **Local**: `http://localhost:8000/admin`\n\n### Content Types\n\n- **Pages**: Home, About, Services\n- **Blog Posts**: Articles, research publications\n- **Gallery Images**: Photo gallery items with categories\n- **Site Settings**: Logo, navigation, social links\n\n## 🔧 Configuration Files\n\n- `gatsby-config.js` - Gatsby plugins and site metadata\n- `static/admin/config.yml` - Netlify CMS configuration\n- `netlify.toml` - Netlify build settings\n- `package.json` - Dependencies and scripts\n\n## 🐛 Troubleshooting\n\n### Windows Users\n\nIf you encounter `node-gyp` errors:\n\n```bash\nnpm config set python python2.7\nnpm install --global --production windows-build-tools\n```\n\n[More details](https://www.npmjs.com/package/node-gyp)\n\n### macOS Users\n\nFor node-gyp issues, check [node-gyp documentation](https://github.com/nodejs/node-gyp). We recommend using the latest stable Node.js version.\n\n### Clear Gatsby Cache\n\nIf you encounter build issues:\n\n```bash\ngatsby clean\nnpm install\ngatsby develop\n```\n\n## 📦 Dependencies\n\n### Core\n- `gatsby` - Static site generator\n- `react` \u0026 `react-dom` - UI library\n- `netlify-cms-app` - Content management system\n\n### Styling\n- `bulma` - CSS framework\n- `sass` - CSS preprocessor\n- `gatsby-plugin-purgecss` - Unused CSS removal\n\n### Images \u0026 Media\n- `gatsby-plugin-image` - Optimized images\n- `gatsby-plugin-sharp` - Image processing\n- `gatsby-transformer-sharp` - Image transformations\n\n### Content\n- `gatsby-transformer-remark` - Markdown processing\n- `remark-html` - HTML conversion\n\n## 🤝 Contributing\n\nContributions are welcome! Please read our [Code of Conduct](CODE_OF_CONDUCT.md) before contributing.\n\n### Development Workflow\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is built on the [Gatsby Starter Netlify CMS](https://github.com/netlify-templates/gatsby-starter-netlify-cms) template.\n\n## 📞 Contact\n\n**Green Innovative Research Center Nepal**\n- **Location**: Kathmandu, Nepal\n- **Phone**: +977-9851095763\n- **Email**: [Contact via website](https://[your-site].netlify.app/contact)\n\n## 🙏 Acknowledgments\n\n- Built with [Gatsby](https://www.gatsbyjs.org/)\n- CMS powered by [Netlify CMS](https://www.netlifycms.org)\n- Styled with [Bulma](https://bulma.io/)\n- Hosted on [Netlify](https://www.netlify.com)\n- Icons from [Font Awesome](https://fontawesome.com)\n\n---\n\n**Made with 💚 for environmental research and conservation**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprabalchhatkuli%2Fgreenircnepal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprabalchhatkuli%2Fgreenircnepal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprabalchhatkuli%2Fgreenircnepal/lists"}