Git Product home page Git Product logo

abhipatel10 / openzone Goto Github PK

View Code? Open in Web Editor NEW
22.0 2.0 44.0 734 KB

Welcome to the OpenZone! This platform aims to simplify the process of finding and contributing to open-source projects. Whether you're a seasoned contributor or just starting out, this platform will help you discover projects aligned with your interests and skills.

Home Page: https://openzone.vercel.app

JavaScript 0.74% CSS 3.02% TypeScript 96.24%

openzone's Introduction

OpenSource Project Explorer - Open Zone🚀

About

Welcome to the OpenZone! This platform aims to simplify the process of finding and contributing to open-source projects. Whether you're a seasoned contributor or just starting out, this platform will help you discover projects aligned with your interests and skills.

✨Features

  • 🔍Project Search: Easily search for open-source projects based on various criteria such as programming language, tags, and project activity.
  • 👤User Profile: Maintain a comprehensive profile showcasing your contributions to open-source projects. Your profile will highlight the projects you've contributed to and your impact on them.
  • 📈Contribution Tracking: Keep track of your contributions, including pull requests, commits, and issues opened or resolved.

📈Technologies Used

  • ⚛️Next.js: Next.js is a React framework that enables server-side rendering and easy React application development.
  • 🟦TypeScript: TypeScript adds static typing to JavaScript, providing better developer tooling and code quality.
  • 📦PNPM: PNPM is a fast, disk-space-efficient package manager for Node.js projects.

🚀Getting Started

Follow these steps to set up the project locally:

✅Prerequisites

  • Node.js and npm should be installed on your system.

💾Installation

  1. Clone the repository:

    git clone https://github.com/your-username/openzone.git
  2. Navigate to the project directory:

    cd openzone
  3. Install dependencies using PNPM:

    pnpm install

▶️Usage

  1. Start the development server:

    pnpm dev
  2. Open your browser and visit http://localhost:3000 to access the platform.

🤝Contributing

We welcome contributions from the community! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive messages.
  4. Push your changes to your fork.
  5. Submit a pull request to the main repository's develop branch.

Please ensure your code adheres to our coding standards and includes appropriate tests.

📬Contact

If you have any questions or suggestions, feel free to reach out to us at Linkedin Badge

Thank you for contributing to OpenZone! Let's build something great together.

Happy Coding!!

openzone's People

Contributors

aasthakourav20 avatar abhipatel10 avatar abhiperfect avatar akshitlakhera avatar ankitapanda25 avatar anujsingh4545 avatar bro-maanii avatar che140401 avatar hani-3 avatar harmeetsingh11 avatar jaypatel3082001 avatar komal-agarwal5 avatar mastansayyad avatar mastermind730 avatar piyush-linux avatar pradnyagaitonde avatar prithwi32 avatar sanmarg avatar saranshbangar avatar shirkocurek avatar suhanipaliwal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

openzone's Issues

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you can add the tag GSSoC'24, good first issue etc.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.

Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

Feature : Add Code_of_Conduct.md , Contributing.md , Issue_guidelines.md , enhance Readme.md

Description

What's missing in this repository !!

  • Code of Conduct
    A Code of Conduct is crucial for maintaining a respectful and inclusive community. It sets clear expectations for behavior and outlines the steps for reporting and addressing unacceptable behavior. Here’s why it’s important:

Sets Behavioral Expectations: It clearly defines acceptable and unacceptable behavior, helping to create a welcoming and inclusive environment for all participants.
Promotes Respect and Inclusivity: It encourages respect and inclusivity, ensuring that everyone feels safe and valued within the community.

  • Contributing File
    The Contributing file provides guidelines for how to contribute to the project. This includes everything from coding standards and style guides to how to submit pull requests and report issues. Here’s why it’s essential:

Encourages Contributions: It provides clear instructions on how to get involved, making it easier for newcomers to start contributing.
Maintains Quality: It sets standards for contributions, ensuring that new code and documentation meet the project's quality requirements.

Kindly assign this issue to me under GSSoC'24 .

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] Add "About us" Page to Website

Description

Hi @AbhiPatel10
Adding an About Us page would provide valuable context and information to users visiting the platform.

Currently, OpenZone serves as a platform for discovering and contributing to open-source projects, but it lacks an About Us page where users can learn more about the platform

Screenshots

No response

Additional Information

could you please assign this issue to me under GSSOC 24, so that I can start working on it?

Code of Conduct

  • I agree to follow this project's Code of Conduct

[UI] : Footer enhancement

What would you like to share or ask?

Adding actual links and proper text to the footer can enhance UX

Current footer->
image

Additional information

I am a GSSoC contributor, please label this issue accordingly

[OTHER] - Footer is not responsive and Footer UI enhancement.

What would you like to share or ask?

The footer of OpenZone is not optimized for Mobile Version and also in Desktop version the design is to be enhanced.

I would love to contribute on this project and work as a GSSoC'24 Contributor. Looking forward for your response to assign the issue to me 🙌🏻

IMAGES :
image
image

Additional information

No response

[OTHER] Content in the grid isn't responsive

What would you like to share or ask?

gssoc

The content here overflows each grid container and isnt responsive for tablet and mobile view

Please allow me to work on this issue under GSSOC 2024.

Additional information

No response

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to yours.

Add Icons on the navbar

Description

  • The current navbar lacks icons, which impacts its visual appeal and usability. Users might find it less engaging and intuitive to navigate through the website without visual cues provided by icons.
  • I propose adding respective icons to the navbar to enhance its visual appeal and improve user navigation experience. These icons will align with the theme of the website and provide users with clear visual cues for each navigation option

Screenshots

Screenshot 2024-05-11 080754
Screenshot 2024-05-12 083752

Additional Information

Could you plz assign this issue to me under GSSOC24

Code of Conduct

  • I agree to follow this project's Code of Conduct

Missing CONTRIBUTING.md File in Repository

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

[Feature] Improve Hero section

Description

While improving Hero section please make sure you use Shadcn + tailwind css

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Add GitHub Desktop Contribution Instructions

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

[OTHER] Enhancement: Improve Tailwind Configuration for Better Maintainability

What would you like to share or ask?

  1. Content Glob Patterns:

    • Instead of specifying multiple glob patterns for content, we can use a single pattern.
  2. Prefix:

    • If you're not using a prefix, you can remove it or keep it empty.
  3. Theme Extension:

    • Organize the theme extension properties in a more structured way for readability.
  4. Colors:

    • Simplify color definitions by directly assigning them from variable values.
  5. Border Radius:

    • Directly assign border radius values from variables.
  6. Keyframes and Animation:

    • Utilize variables for animation duration and easing for better maintainability.
  7. Font Family:

    • Define font families directly without using variables if possible.

File: tailwind.config.ts

PS: Could you please assign this issue to me under GSSOC 24?

Additional information

No response

[OTHER] : [UI] Profile dropdown menu can be upgraded

What would you like to share or ask?

The dropdown menu in profile can be upgraded using padding and text colour addition

image

Additional information

I am a contributor for GSSoC, please label this issue accordingly

Login and signup feature

Description

I want to implement login and signup feature so that the website work dynamically please assign me this issue under gssoc'24

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Adding github icon instead of text

What would you like to share or ask?

image

I want to add github icon here instead of text.

Additional information

Please assign this issue to me under GSSOC'24

[Feature] Dark/ Light theme toggle Feature

Description

I want to add a dark/light theme toggle button for the application by which users can switch between themes.

Screenshots

Similar to this that I implemented in one of my projects.

https://github.com/AbhiPatel10/openzone/assets/114595881/6edd0ecc-567e-4b28-9841-5d1d14cd1838.

Additional Information

I have to also create a dark theme for the application after implementing the toggle button seperately.

Approach: I will use inbuilt next-theme to add this feature.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Profile Page UI] <Add more information in profile section>

Description

In profile only profile picture of user from git hub is showing, add name and space to add links to real world project of user also add description from the user about their open source journey

Screenshots

Screenshot 2024-05-16 125746

Additional Information

can also improve the UI by improving font size and adding cards.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Responsiveness]:The navbar is not perfectly made responsive for mobile devices

Description

the navbar for the mobile devices is not perfectly designed .
which includes improper icon used for opening navbar.
no icon for closing navbar
the items are not aligned properly in the navbar .
I request @AbhiPatel10 that can I take this issue.
Please I know tailwind CSS and many other frameworks on using which I can increase the beauty of navbar.
Please @AbhiPatel10 assign me this issue

Screenshots

Screenshot 2024-05-15 193940
Screenshot 2024-05-15 194001

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] add projects

Description

would liek to add projects in the project section

please assign under gssoc'24

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Enhancement in the card design of github Repos

What would you like to share or ask?

image

I would like to change the UI of these cards and make them visually appealing.

Additional information

Please assign this issue to me under GSSOC'24

Girlscript Summer of Code Introduction/Tracking

👋 Hi @AbhiPatel10 ,

I am Sanjay, program Manager https://github.com/girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

[Feature] Update Footer Design

Description

Update Footer Design, please make sure use Shadcn + tailwind css for design

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Learn.md

Learn repos should have a LEARN.md file to teachstudent how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

Regarding the twitter logo

Description

Hi, @AbhiPatel10 The twitter logo is not updated in the footer section. I want to work on that. Please assign me this issue.
Thanks

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Login and SignUp Page and Authentication With NextJs

Full Login and SignUp Authentication

There is no login and sign up pages

  • I will create both login and signup pages along with authentication Using Next
  • I will work on this issue.Please assign this issue to me
  • GSSOC24

Search UI can be improved

What would you like to share or ask?

Screenshot 2024-05-14 231307

The Footer of search page is overlapping with search results. I would like to work on this issue and improve it. Please assign me this issue under GSSOC 2024

Additional information

No response

[Feature] Create basic Profile UI

Description

Implement basic Profile UI

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] <dark theme mode on of>

Description

add dark theme on or off button..it make ui more impressive.
iI have already implement it in many project.kindly assign me this issue

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] Google login

Description

As there is an option to login/register using github, one can also login using google
I can add this feature where I can use google sign-in API
please assign me this issue under gssoc 2024

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] Create landing page componets

Description

make landinge page componets which describe more about this project.

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Adding scroll to top feature button

Description

I want to add the Scroll to Top button feature on the website assign this issue to me @AbhiPatel10
Instead of manually scrolling all the way, the user can quickly return to the top of the web page

Code of Conduct

  • I agree to follow this project's Code of Conduct

Logo is not visible and also not upto the theme

Description

the logo in the hero section is not properly visible [ small in size].
we can add another logo depicting the theme of the website
we can also add a hover effect to the logo
The above changes can improve the user interaction better

Screenshots

image

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

[Feature] <description>

Description

chat section should increase the connectivity in this project

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[OTHER] Add Contact Us Page

What would you like to share or ask?

In navbar there is a field for contact us but it does not redirect to any page.Hence I would like to create a contact us page wherein the contact details will be provided and a form can be included using formspree for contacting via any message

Additional information

open zone
Here the Contact Us option is seen but a page for the same isn't available, hence I am raising this issue. Please assign me this under GSSoC'24.
Thank you!

[Feature] Automated Greeting Workflow

Description

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me.

Screenshots

image

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[UI] Improve Loading State in OpenZone Search Feature

What would you like to share or ask?

In the OpenZone project search feature, when users perform a search, the loading state is indicated by displaying the text "Loading...". While this effectively communicates that the system is processing the request, it lacks visual appeal and can be enhanced for a better user experience.

Issue:
The current loading state in the search feature of OpenZone lacks visual polish and can be improved to provide a more engaging and seamless experience for users.

Proposed Solution:

  1. Skeleton Screens: Implement skeleton screens to provide a visually appealing loading indicator while search results are being fetched. Skeleton screens mimic the layout of content to be loaded, giving users a sense of progress and anticipation.
  2. Animated Loading Icon: Incorporate an animated loading icon or spinner to indicate ongoing activity and reassure users that their search is in progress. This dynamic element adds movement and visual interest, improving the overall user experience.
  3. Loading Message Enhancement: Instead of simply displaying "Loading...", consider refining the loading message to provide more context or personality. For example, "Hang tight! We're fetching your results..." or "Searching the open-source galaxy for your query...".

Benefits:

  • Enhances user experience: A visually appealing loading state keeps users engaged and informed during search operations, reducing perceived wait times.
  • Improves aesthetics: Skeleton screens and animated loading icons add polish to the UI, contributing to a more modern and professional look.
  • Enhances usability: Clear and informative loading messages help users understand the system's status and reassure them that their action is being processed.

This issue aims to enhance the loading state in the OpenZone search feature, improving the overall user experience and visual appeal.
Please assign this issue to me with gssoc24 label and level.
image

[Feature] Adding a Preloader

Description

I think adding a preloader to the webpage will be fun and attractive .
I would like to work on this issue so please assign me this issue under gssoc and label it with the appropriate level .
Thankyou.

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] Dark Mode

Dark Mode Addition Request

Description:
The website currently lacks a dark mode feature, which can enhance user experience, particularly for users who prefer darker interfaces or need to reduce eye strain in low-light conditions. This issue proposes adding a dark mode option to the website.

Rationale:
Implementing a dark mode feature can provide users with more control over their browsing experience and make the website more accessible to a wider audience. Dark mode is increasingly becoming a standard feature in web applications and websites, and its absence could be a limitation for users who rely on it.

Implementation Considerations:
Consider the technical aspects of implementing dark mode on the website. This may involve updating CSS stylesheets to accommodate dark mode, adding a toggle switch or button to enable/disable dark mode, and ensuring compatibility with different browsers and devices.

Code of Conduct

  • I agree to follow this project's Code of Conduct

[Feature] Add a Q&A page

Description

I would like to add a Q&A page answering common questions about contributing and how to find projects. It will be accessible from the Nav bar Please assign it to me.

Screenshots

No response

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.