style: add contribute page #256

Girishbari · 2024-02-23T08:12:53Z

Related Issue

Reference Issue #82

Description

Added contributor page with /contribute route

Screenshots

vercel · 2024-02-23T08:12:56Z

Someone is attempting to deploy a commit to a Personal Account owned by @Sanchitbajaj02 on Vercel.

@Sanchitbajaj02 first needs to authorize it.

github-actions

Great job, @Girishbari! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project. Keep being the part of the community!

'We will promptly review your changes and offer feedback. Keep up the excellent work!
Kindly remember to check our Contributing Guidelines'

coderabbitai · 2024-02-23T08:13:21Z

Walkthrough

The update introduces a comprehensive guide for contributors to a project, detailing the process of forking and cloning a repository, setting up an Appwrite instance, and preparing a local development environment. The changes involve adding new components for each step of the contribution process, complete with visuals, interactive elements, and a tabbed interface on the contribution page for easy navigation between different sections.

Changes

File Path	Change Summary
`src/app/contribute/page.tsx`	Adds `Contribute` component for rendering the contribution guide.
`src/components/core/contributionSections/HowToFork.tsx` `src/components/core/contributionSections/HowToSetup_Appwrite.tsx` `src/components/core/contributionSections/HowToSetup_dev.tsx`	New components for forking/cloning, Appwrite setup, and local dev setup, with user-friendly guides.
`src/components/core/contributionSections/index.tsx`	Exports the new contribution-related components.
`src/components/pages/contribute/index.tsx`	Implements a new contribution page with a tabbed interface for navigating the guides.

Related issues

Feat: A contribution page in the application #82: The changes directly address the request for a contribution documentation page by implementing a comprehensive guide for new contributors, which aligns with the issue's objective for enhancing contributor onboarding.

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

Tips

Chat

There are 3 ways to chat with CodeRabbit:

Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- I pushed a fix in commit <commit_id>.
- Generate unit-tests for this file.
Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
- @coderabbitai generate unit tests for this file.
- @coderabbitai modularize this function.
PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
- @coderabbitai generate interesting stats about this repository from git and render them as a table.
- @coderabbitai show all the console.log statements in this repository.
- @coderabbitai read src/utils.ts and generate unit tests.
- @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (invoked as PR comments)

@coderabbitai pause to pause the reviews on a PR.
@coderabbitai resume to resume the paused reviews.
@coderabbitai review to trigger a review. This is useful when automatic reviews are disabled for the repository.
@coderabbitai resolve resolve all the CodeRabbit review comments.
@coderabbitai help to get help.

Additionally, you can add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.

CodeRabbit Configration File (`.coderabbit.yaml`)

You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
The JSON schema for the configuration file is available here.
If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json

CodeRabbit Discord Community

Join our Discord Community to get help, request features, and share feedback.

coderabbitai

Review Status

Actionable comments generated: 10

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between 9724041 and f846f5a.

Files ignored due to path filters (25)

public/assets/contribute/add_origin.png is excluded by: !**/*.png
public/assets/contribute/add_upstream.png is excluded by: !**/*.png
public/assets/contribute/api-button.jpg is excluded by: !**/*.jpg
public/assets/contribute/api-key.jpg is excluded by: !**/*.jpg
public/assets/contribute/cd_pal.png is excluded by: !**/*.png
public/assets/contribute/clone_cli.png is excluded by: !**/*.png
public/assets/contribute/clone_link.png is excluded by: !**/*.png
public/assets/contribute/commit.png is excluded by: !**/*.png
public/assets/contribute/commit_detail.png is excluded by: !**/*.png
public/assets/contribute/copy-api.jpg is excluded by: !**/*.jpg
public/assets/contribute/create_branch.png is excluded by: !**/*.png
public/assets/contribute/fork.png is excluded by: !**/*.png
public/assets/contribute/hostname.jpg is excluded by: !**/*.jpg
public/assets/contribute/install_dep.png is excluded by: !**/*.png
public/assets/contribute/new-proj.jpg is excluded by: !**/*.jpg
public/assets/contribute/other.png is excluded by: !**/*.png
public/assets/contribute/proj-id.jpg is excluded by: !**/*.jpg
public/assets/contribute/proj-name.jpg is excluded by: !**/*.jpg
public/assets/contribute/proj-setting.jpg is excluded by: !**/*.jpg
public/assets/contribute/pull_req.png is excluded by: !**/*.png
public/assets/contribute/pull_upstream.png is excluded by: !**/*.png
public/assets/contribute/push.png is excluded by: !**/*.png
public/assets/contribute/scopes.jpg is excluded by: !**/*.jpg
public/assets/contribute/stage.png is excluded by: !**/*.png
public/assets/contribute/web-proj.jpg is excluded by: !**/*.jpg

Files selected for processing (6)

src/app/contribute/page.tsx (1 hunks)
src/components/core/contributionSections/HowToFork.tsx (1 hunks)
src/components/core/contributionSections/HowToSetup_Appwrite.tsx (1 hunks)
src/components/core/contributionSections/HowToSetup_dev.tsx (1 hunks)
src/components/core/contributionSections/index.tsx (1 hunks)
src/components/pages/contribute/index.tsx (1 hunks)

Files skipped from review due to trivial changes (2)

src/app/contribute/page.tsx
src/components/core/contributionSections/index.tsx

src/components/pages/contribute/index.tsx

src/components/core/contributionSections/HowToFork.tsx

src/components/core/contributionSections/HowToSetup_Appwrite.tsx

src/components/core/contributionSections/HowToSetup_dev.tsx

coderabbitai

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between f846f5a and 6893344.

Files selected for processing (4)

src/components/core/contributionSections/HowToFork.tsx (1 hunks)
src/components/core/contributionSections/HowToSetup_Appwrite.tsx (1 hunks)
src/components/core/contributionSections/HowToSetup_dev.tsx (1 hunks)
src/components/pages/contribute/index.tsx (1 hunks)

Files skipped from review as they are similar to previous changes (4)

src/components/core/contributionSections/HowToFork.tsx
src/components/core/contributionSections/HowToSetup_Appwrite.tsx
src/components/core/contributionSections/HowToSetup_dev.tsx
src/components/pages/contribute/index.tsx

Sanchitbajaj02 · 2024-02-24T07:29:15Z

Hi @Girishbari

UI is not properly handled for mobile screens. Please do it

One more thing, use tinypng.com to compress the size of images that you have added for sample.

Sanchitbajaj02 · 2024-02-24T07:34:33Z

Give a proper spacing, give atleast my-4 and make step 3 bold and increase font size

vercel · 2024-02-24T07:34:43Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
palettegram	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 24, 2024 7:36am

Girishbari · 2024-02-24T10:16:31Z

surre

coderabbitai

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between 6893344 and 4572e07.

Files selected for processing (2)

src/components/core/contributionSections/HowToSetup_Appwrite.tsx (1 hunks)
src/components/core/contributionSections/HowToSetup_dev.tsx (1 hunks)

Files skipped from review as they are similar to previous changes (2)

src/components/core/contributionSections/HowToSetup_Appwrite.tsx
src/components/core/contributionSections/HowToSetup_dev.tsx

Girishbari · 2024-02-24T17:09:28Z

will this do for mobile

coderabbitai

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between 4572e07 and e05789b.

Files selected for processing (1)

src/components/pages/contribute/index.tsx (1 hunks)

Files skipped from review as they are similar to previous changes (1)

src/components/pages/contribute/index.tsx

root added 2 commits February 23, 2024 13:04

style: add contribute page

f846f5a

refactor: add changes to contribution page

6893344

github-actions bot added wait for reviewers SWOC S4 Social Winter of Code (S4) 2024 contribution tag labels Feb 23, 2024

github-actions bot assigned Girishbari Feb 23, 2024

github-actions bot reviewed Feb 23, 2024

View reviewed changes

coderabbitai bot reviewed Feb 23, 2024

View reviewed changes

Sanchitbajaj02 added 🏆 good first issue Good for newcomers ⭐ enhancement Feature enhancement EASY Difficulty Level: Easy and removed wait for reviewers labels Feb 24, 2024

Sanchitbajaj02 linked an issue Feb 24, 2024 that may be closed by this pull request

Feat: A contribution page in the application #82

Closed

2 tasks

vercel bot deployed to Preview February 24, 2024 07:36 View deployment

refactor: updated code

4572e07

github-actions bot added the wait for reviewers label Feb 24, 2024

coderabbitai bot reviewed Feb 24, 2024

View reviewed changes

root added 3 commits February 25, 2024 22:24

Merge branch 'master' of https://github.com/Sanchitbajaj02/palettegram

a06d724

Merge branch 'master' into issue-Sanchitbajaj02#82

4b175d2

refactor: change aligning of contribute page's link

e05789b

coderabbitai bot reviewed Feb 26, 2024

View reviewed changes

Sanchitbajaj02 removed the wait for reviewers label Feb 27, 2024

Sanchitbajaj02 merged commit 8f5d324 into Sanchitbajaj02:master Feb 27, 2024
3 of 4 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

style: add contribute page #256

style: add contribute page #256

Girishbari commented Feb 23, 2024 •

edited

Loading

vercel bot commented Feb 23, 2024

github-actions bot left a comment

coderabbitai bot commented Feb 23, 2024 •

edited

Loading

Chat

CodeRabbit Commands (invoked as PR comments)

CodeRabbit Configration File (`.coderabbit.yaml`)

CodeRabbit Discord Community

coderabbitai bot left a comment

coderabbitai bot left a comment

Sanchitbajaj02 commented Feb 24, 2024

Sanchitbajaj02 commented Feb 24, 2024

vercel bot commented Feb 24, 2024 •

edited

Loading

Girishbari commented Feb 24, 2024

coderabbitai bot left a comment

Girishbari commented Feb 24, 2024

coderabbitai bot left a comment

style: add contribute page #256

style: add contribute page #256

Conversation

Girishbari commented Feb 23, 2024 • edited Loading

Related Issue

Description

Screenshots

vercel bot commented Feb 23, 2024

github-actions bot left a comment

Choose a reason for hiding this comment

coderabbitai bot commented Feb 23, 2024 • edited Loading

Walkthrough

Changes

Related issues

Chat

CodeRabbit Commands (invoked as PR comments)

CodeRabbit Configration File (.coderabbit.yaml)

CodeRabbit Discord Community

coderabbitai bot left a comment

Choose a reason for hiding this comment

coderabbitai bot left a comment

Choose a reason for hiding this comment

Sanchitbajaj02 commented Feb 24, 2024

Sanchitbajaj02 commented Feb 24, 2024

vercel bot commented Feb 24, 2024 • edited Loading

Girishbari commented Feb 24, 2024

coderabbitai bot left a comment

Choose a reason for hiding this comment

Girishbari commented Feb 24, 2024

coderabbitai bot left a comment

Choose a reason for hiding this comment

Girishbari commented Feb 23, 2024 •

edited

Loading

coderabbitai bot commented Feb 23, 2024 •

edited

Loading

CodeRabbit Configration File (`.coderabbit.yaml`)

vercel bot commented Feb 24, 2024 •

edited

Loading