Oauth using Clerk

[singhcoder694]

Description

Used CLERK for Authentication of User.

Fixes #9

Type of change

Installed CLERK npm package and set up it using Documentation on Clerk for Page Router.

Please delete options that are not relevant.

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [x] This change requires a documentation update

Screenshots

Video

https://github.com/WebSorcery/testcase-generator/assets/114601400/4b312c8c-8af7-464e-a2c7-3ac34395967e

IMPORTANT I removed Contributor link from nav and provide link for signin and signup to preserve UI and Screen Behaviour, we can give contribute link in Footer as Footer is one of the most important thing for any website that can be build to enhance User Experiencs.

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules

Summary by CodeRabbit

• New Features

  • Implemented an authentication system to secure routes and provide user sign-in functionality.
  • Added user interface components for sign-in and sign-up pages.
  • Introduced conditional rendering based on user authentication status in the main page.

• Enhancements

  • Integrated ClerkProvider for centralized authentication state management.
  • Updated navigation bar styles for better visual appeal and consistency.

• Documentation

  • Provided detailed comments and documentation for authentication middleware and React component implementations.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
testcase-generator	❌ Failed (Inspect)			Dec 23, 2023 5:18am

[coderabbitai[bot]]

Walkthrough

The recent updates integrate Clerk for OAuth-based login, enhancing authentication across the application. Specific routes are now protected, while others remain public. The user interface adapts to the user's sign-in status, and dedicated sign-in and sign-up pages are introduced, all styled consistently with the application's theme.

Changes

File Path	Change Summary
middleware.js	Introduced Clerk authentication middleware
pages/_app.js	Added ClerkProvider for application-wide integration
pages/index.js	Implemented user state handling and conditional UI
pages/sign-in/[[...index]].jsx	Added sign-in page with Clerk component
pages/sign-up/[[...index]].jsx	Added sign-up page with Clerk component
styles/Home.module.css	Updated styles for navigation elements

Assessment against linked issues

Objective	Addressed	Explanation
Integrate OAuth Login using Clerk (#9)	✅

Poem

In the web's vast burrow, a change took flight, OAuth wings with Clerk, now clasped tight. Sign in, sign up, a secure embrace, CodeRabbit hopped forward, a seamless interface. 🐇💻✨

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 X ?

---

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - You can directly reply to a review comment made by CodeRabbit. Example: - _I pushed a fix in commit ``._ - You can tag CodeRabbit on specific lines of code or entire files in the PR by tagging `@coderabbitai` in a comment. Examples: - _@coderabbitai generate unit tests for this file_ - _@coderabbitai modularize this function_ - You can tag `@coderabbitai` in a PR comment and ask questions about the PR and the codebase. Use quoted replies to pass the context for follow-up questions. Examples: - _@coderabbitai render interesting statistics about this repository as a table_. - _@coderabbitai show all the `console.log` statements in this repository_. - _@coderabbitai generate unit tests for the `src/utils.ts` file_. ### 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](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - 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](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback.

[ghost]

👇 Click on the image for a new way to code review

#### [](https://app.codesee.io/r/reviews?pr=31&src=https%3A%2F%2Fgithub.com%2FWebSorcery%2Ftestcase-generator) #### Legend

[ank1traj]

Please remove package-lock.json file

[gitstream-cm[bot]]

This PR is missing a Jira ticket reference in the title or description. Please add a Jira ticket reference to the title or description of this PR.

[ank1traj]

Please have a look on the PR review

[singhcoder694]

@ank1traj what is meaning of jira ticket, unable to understand and resolve...

[ank1traj]

Look into the review comments which I gave. Leave all the others.

[singhcoder694]

You commented about package.json that I have removed already @ank1traj

[singhcoder694]

Done @ank1traj

[singhcoder694]

Should I start my work on Email issue as now I have email of user @ank1traj

[ank1traj]

Sure @singhcoder694. Thanks for the contributions

[singhcoder694]

Sure @singhcoder694. Thanks for the contributions

My pleasure sir, I learnt alot by contributing to your project. You have really good issues to work upon.