See also Contributing Guide, Learning Guide.
- Install NodeJS.
- Install or enable PNPM.
- Clone this repository.
- Run
pnpm install
in the cloned repository to download all dependencies. - Run
pnpm run dev
to 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-levelApp
component.
- 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.