ngcameroon/angular-community-website-template

The website template for Angular communities in Africa. # Angular Community Website Template A production-ready website for an Angular community group. Fork it, edit one config file, and you have a site with a landing page, a roadmap timeline, a meetups scheduler, and an open source showcase. Built and maintained by Angular Cameroon. Originally the ngCameroon site, opened up so other communities do not have to start from an empty `ng new`. **Live demo:** template.ngcameroon.com ## What you get - **Landing page** with a hero, community pillars, and a featured project spotlight - **Roadmap** with an interactive journey diagram: guided tour, phase navigation, minimap, keyboard control - **Meetups** that sort themselves, featuring the next session with a live countdown and moving finished sessions into a past archive automatically - **Open Source** showcase for the projects your community maintains - Angular 21, SSR with prerendering, Tailwind CSS 4, dark theme, responsive, reduced-motion aware ## Requirements - Node.js 20.x or 22.x - npm 10+ ## Getting started ```bash npx degit ngcameroon/angular-community-website-template my-community cd my-community npm install npm start ``` The site runs at `localhost`. ## Make it yours Most of the rebrand happens in one file. ### 1. Identity: `src/app/core/community.config.ts` Name, wordmark, tagline, city, country, timezone, site URL, GitHub org, social links, hero stats, footer resource links, the three home page pillars, and the featured project. Change these and the navbar, footer, hero, page titles, and meta descriptions all follow. ### 2. Logo: `public/brand/logo.svg` Drop your own file in at that path and every reference updates. It is used for the navbar, footer, favicon, and web manifest. ### 3. Static tags: `src/index.html` These cannot read the TypeScript config because they are plain HTML. Replace every `Angular Community` and `your-community.example` with your own name and domain. There is a comment at the top of the file marking exactly what …