See also Contributing Guide, Learning Guide.
- Install NodeJS.
- Install or enable PNPM.
- Clone this repository.
- Run
pnpm installin the cloned repository to download all dependencies. - Run
pnpm run devto start a local development server. - Optionally set up KWoC Backend locally.
git clone https://github.com/kossiitkgp/KWoC-Frontend/blob/kwoc24.git
cd KWoC-Frontend
pnpm install
pnpm run dev
.
├── public
└── src
├── assets
├── components
├── data
├── hooks
├── styles
├── utils
├── constants.ts
└── App.tsx
public: Contains public files such asindex.html.src: Contains source files (JS, SCSS, assets, etc.)assets: Contains assets used in the source, such as images and icons.components: Contains reusable react components.data: Contains raw data.styles: Contains all stylesheets (SCSS).utils: Contains commonly used util functions.pages: Contains views for each of the pages.constants.ts: Contains globally used constants.App.tsx: Contains the top-levelAppcomponent.
- React
- react-snowfall for a pretty snowfall effect
- And many more.
- Design:
- Header and Footer:
- Hero and Timeline:
See also KWoC Docs.
After KWoC ends, the website is archived. The stats data (including the total PRs, total commits, total contributors, and individual stats) is copied and added to the site source.
The archived source code is committed to a branch named kwoc-xx-archive and hosted on kwocxx.kossiitkgp.org, where xx represents the last two digits of the year. The archive is also hosted on kwoc.kossiitkgp.org until the following year's website is deployed.
The development for the next KWoC website continues in the default branch.
WARNING DO NOT COMMIT ANY PERSONAL DATA TO THE ARCHIVE.
Please update this documentation whenever changes are made to this project or any other relevant project that may affect this one. Future humans will praise you.