Made the website more interactive

[singhcoder694]

Description

• Added Contact Page
• Added Footer
• Added Nav, Footer to all pages of website for smooth navigation.
• Improved the positioning of elements to make it look better.
• Made all changes to be responsive. Fixes #4

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [x] This change requires a documentation update

How Has This Been Tested?

Tested using my own system and Chrome responsive tool.

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

  • Added navigation (Nav) and footer components to generator tools for consistent user experience.
  • Enhanced the contact page with an interactive form for user inquiries.
  • Implemented conditional display of user authentication controls.

• Enhancements

  • Improved responsive design for StyledCard component for better layout on various screen sizes.
  • Updated the Home page to include a footer, enhancing page structure and user navigation.

• Refactor

  • Simplified footer implementation by removing Material-UI dependencies and utilizing custom CSS and Next.js links.
  • Renamed and restructured the about page to contact for clarity and functionality.

• Style

  • Adjusted styles for buttons, cards, animations, and media queries to enhance visual appeal and user experience.

• Bug Fixes

  • Fixed layout issues with the sign-in and sign-up links on the contact page.

[vercel[bot]]

@singhcoder694 is attempting to deploy a commit to the WebSorcery Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai[bot]]

[!WARNING]

Rate Limit Exceeded

@singhcoder694 has exceeded the limit for the number of files or commits that can be reviewed per hour. Please wait 11 minutes and 23 seconds before requesting another review.

How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command. Alternatively, push new commits to this PR. We recommend that you space out your commits to avoid hitting the rate limit.

How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our [FAQ](https://coderabbit.ai/docs/faq) for further information.

Commits

Files that changed from the base of the PR and between d3c2c1b26f188c7de21a07f0bbe0dc31df8235f5 and dcf7230bb637d662d9c3a99ab2d83f884eea126e.

Walkthrough

The recent updates to the web application focus on enhancing the user interface by integrating navigation and footer components across various pages, improving responsive styling, and refining the contact page with form state management. These changes aim to provide a more intuitive and aesthetically pleasing user experience.

Changes

File(s)	Change Summary
arrayGenerator.js, integerGenerator.js, linkedListGenerator.js, palindromeGenerator.js, stringGenerator.js	Added Nav and Footer imports and components in functions. Introduced <div> to contain Nav, content, and Footer in stringGenerator.js.
components/style/index.js	Updated StyledCard for responsive design with theme breakpoints.
pages/about.js, pages/index.js	Renamed about to About, altered sign-in/up links, added UserButton. Imported and added Footer component.
pages/contact.js, pages/footer.js	Revamped with new logic, removed dependencies, and added custom styling.
pages/nav.js	Created navigation component with user authentication handling.
styles/Home.module.css	Adjusted styling for padding, cards, buttons, and added new rules.

Assessment against linked issues

Objective	Addressed	Explanation
Improve UI (#4)	✅

Poem

In the land of code, where the cursors blink,
A rabbit hopped through pages, quicker than you think.
It tweaked the style, added navs so bright,
Now the UI's a delight, both day and night. 🌟🐰✨

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

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

---

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - You can directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit-tests for this file.` - 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. Examples: - `@coderabbitai gather interesting statistics about this repository and render them in 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=42&src=https%3A%2F%2Fgithub.com%2FWebSorcery%2Ftestcase-generator) #### Legend

[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.

[gitstream-cm[bot]]

🥷 Code experts: ank1traj

ank1traj has most 👩‍💻 activity in the files.

See details

`components/generator/array/arrayGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 3 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/binaryTreeGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/graph/graphGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/integer/integerGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 1 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/linkedList/linkedListGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 1 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/matrixGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/palindrome/palindromeGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 1 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/generator/string/stringGenerator.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 1 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `components/style/index.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 1 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `pages/about.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `pages/contact.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `pages/footer.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 0 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `pages/index.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 28 additions & 22 deletions | | NOV | | | OCT | 110 additions & 126 deletions | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: `styles/Home.module.css` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 7 additions & 18 deletions | | NOV | | | OCT | 15 additions & 3 deletions | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame:

To learn more about /:\ gitStream - Visit our Docs

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
testcase-generator	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 27, 2023 5:28pm

[ank1traj]

Please take a pull first.

[singhcoder694]

Please take a pull first.

Finally it should be alright now....🤞