Before touching any code, sync your local repo with the latest changes from main:
git checkout main
git pull origin main
git checkout feature/<your-page>
git merge mainSkipping this step causes merge conflicts. Always do this at the start of every coding session.
Follow these steps to run the project locally:
git clone https://github.com/khushimittal20/xenith-26.git
cd xenith-26
npm install
npm run devgit checkout -b feature/<your-page>
# example: git checkout -b feature/eventssrc/pages/— one folder per page e.g.Events/Events.jsx+Events.csssrc/components/— shared reusable componentssrc/layout/— MainLayout wrappersrc/router.jsx— add your route here after creating your pagepublic/— static assets (images, frames)
- Create
src/pages/YourPage/YourPage.jsxandYourPage.css - Export a default component
- Add your route in
src/router.jsx
- Never push directly to main. Always create a feature branch.
- Work only in your assigned page folder.
- Use
index.cssfor global fonts, colors, and resets. Page-specific styling goes in your page's CSS. - Reusable components (buttons, cards, sliders) go in
components/. - Open a Pull Request (PR) to merge your branch into main.
- After merging, always pull latest changes from main before starting new work.
git add .
git commit -m "Describe your changes"
git push origin feature/<your-page>1. Sync with main before starting
git checkout main
git pull origin main
git checkout feature/<your-page>
git merge main2. Stage and commit changes
git add .
git commit -m "describe"3. Push your feature branch
git push -u origin feature/<your-page>4. Open a Pull Request on GitHub
- Go to the repository on GitHub
- Click Compare & pull request for
feature/yourpage - Set base branch =
main, compare branch =feature/yourpage - Add a title + description
- Click Create Pull Request
Test Addition