yash-raj-hans / snipsavvy_frontend

SnipSavvy 🚀

SnipSavvy is a code snippet management platform, coded by developers for developers

Website Link: https://snipsavvy.vercel.app/

⭐Features

• The Platform serves as a repository for storing, categorizing and sharing their code snippets

• Users can organize components into different categories for easy navigation and retrieval

• The platform allows users to share their code snippets with others, enabling seamless collaboration and knowledge sharing among developers

• We have a global search feature for users to easily navigate among their code snippets via the tags they set with the code snippet

• Sharing is multi level, a user can share a whole workspace, a collection or a single snippet which can be restricted by the user.

✨Upcoming Features

• AI Support for code suggestion and completion upon prompt

• Community Support and Knowledge sahring page built in the spirit of Learn in public

• Implementing History Tracking feature for code snippets, upto the last edition

Frontend Tech Stack 🚀

• Typescript
• Next JS
• Tailwind CSS
• Zod
• Axios
• Material UI

⭐Getting Started with Contributing

Thank you for considering contributing to our project. Your involvement is invaluable to us. To ensure a smooth and collaborative process, please follow these steps:

Fork the Repository: Begin by forking the repository to your personal GitHub account. This will create a copy of the project under your account.

Clone Your Fork Locally: Use the following command to clone your forked repository to your local machine:

git clone <fork-link>

Install the needed dependencies before trying it out in the development environment

npm install

Set Up the Development Environment: Initialize the development environment by running the appropriate command:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Implement Your Changes: Once the development environment is set up, proceed to make your desired changes to the codebase.

Test Your Changes: Thoroughly test your modifications in the development environment to ensure they meet the project's standards and do not introduce any regressions.

Commit Your Changes: Commit your changes to your local repository with clear and concise commit messages:

git add .
git commit -m "[Prefix]: Change"
Prefix = [DOC,CHORE,FEATURE,BUGFIX,ORGNIZE]

Create a New Branch: Before making any changes, create a new branch to isolate your work from the main codebase

Push Your Changes: Push your commits to your forked repository on GitHub using the following command:

git push origin <branch-name>

Submit a Pull Request: Once your changes are pushed to your fork, navigate to the repository's page on GitHub and initiate a pull request. Please follow the Pull Request template given below, provide a detailed description of your changes and any relevant context. If you have changed the UI, please add the screenshots of the changes you have done

We greatly appreciate your contributions and look forward to reviewing your pull request.

⭐Pull Request Template

Description

[Provide a brief description of the changes you've made and why they are necessary. Mention any related issues or feature requests if applicable.]

Changes Made

[List the main changes made in bullet points.]

Screenshots (if applicable)

[Include any relevant screenshots to visually demonstrate the changes, especially for UI/UX-related modifications.]

Checklist

Please ensure that your pull request meets the following requirements:

• I have tested my changes thoroughly.
• I have added necessary documentation or updated existing documentation (if applicable).
• My changes do not introduce any new issues or regressions.

Related Issues

[List any related issues or feature requests that are addressed or resolved by this pull request.]

Additional Notes

[Include any additional information or notes that may be relevant for reviewers.]

snipsavvy_frontend's Issues

Old data is getting displayed from the state, when we go to another workspace and click on its any category