yash-parsana/crazycoderwebapp

Android App: https://github.com/Yash-Parsana/CrazyCoderApp .................... Backend: https://github.com/Yash-Parsana/CrazyCoderServerlessApi

CrazyCoder

Competitive programming (CP) a large growing community is very well known for algorithms, data structures and Mathematics, and is a must have skill for any computer science student or top tech companies job aspirant.

CrazyCoder is born out of our need to have a single place to view all the coding contests happening across many platforms. The app automatically updates all the coding contests and hackathons. You will never miss any contest. CrazyCoder aims to promote and help grow the competitive programming community worldwide.

CrazyCoder is a comprehensive app designed to cater to the needs of the competitive programming community. It serves as a one-stop solution for viewing coding contests and hackathons happening across multiple platforms. With its user-friendly interface and automatic updates, CrazyCoder ensures that you never miss any contest, enabling you to stay on top of your competitive programming journey.

Key Features

CrazyCoder offers a range of features to enhance your competitive programming experience :

1. Contest Tracking: See contests platform-wise and easily differentiate between running and upcoming contests.

2. Reminder: Set reminders for contests to receive notifications before they start, so you never miss an important competition.

3. Leaderboard: Compare your rank with friends and engage in healthy competition to motivate each other.

4. SDE Interview Section: Access a dedicated section for interview preparation, recommended by employees of top tech companies (MAANG companies).

5. Chat With Friends: Connect with fellow programmers, discuss coding problems, and share your progress.

6. Progress Tracking: Keep track of your own progress and see how you are improving over time.

7. Profile Page: Visit your profile page directly from the app to manage your personal information and preferences.

Supported Platforms

CrazyCoder supports the following coding contest platforms :

Technology Stack 🖥️

The different technologies used to build CrazyCoder :

Tech	Description
	A JavaScript library for building user interfaces, known for its component-based structure and efficient rendering.
	An open-source, cross-platform runtime environment for executing JavaScript code.
	A backend web application framework for building API's with Node.js
	A set of cloud-based development tools to build, deploy and develop quality apps.

Repo Status ✳️

Contribution Guidelines

We welcome contributions from the open-source community to make CrazyCoder even better. To contribute, please follow these steps:

📌 Star the Repo: Start by giving our repository a star to show your support.

📌 Find or Create an Issue: Browse the existing issues or create a new one if you have a suggestion or find a bug.

📌 Fork the Repo: Fork the CrazyCoder repository to your GitHub account (Click the button in the top right of this page).

📌 Clone the Repo: Clone the forked repository to your local machine.

git clone https://github.com/your_username/CrazyCoderWebApp.git

Note: Replace github_username with your actual GitHub username.

📌 Create a New Branch: Create a new branch in your forked repository to work on your changes.

git checkout -b branch_name

📌 Make your contribution: Improve the readme file of the project in your branch. Feel free to add more details, improve the formatting, or include additional information.

📌 Commit and push the changes: Commit your changes and push them to your forked repository.

git add .
git commit -m 'Your message'
git push origin branch_name

📌 Open a Pull Request: Open a pull request from your branch to the main CrazyCoderWebApp repository. Provide a clear description of the changes you've made. Add screenshots or screen captures to your Pull Request to help us understand the effects of the changes proposed in your PR.

📌 Review and Merge: Wait for your PR review and approval from the maintainers. Once approved, it will be merged into the main repository.

📌 How to run the project:

Rename test.env file to .env file.
Run: npm run install
Run: npm run dev
Visit http://localhost:5173/

We appreciate your contributions and thank you for helping us make CrazyCoder a valuable resource for the competitive programming community!!

Our Contributors ✨

Thank you to all the amazing contributors who have made this project possible!!💝

---

Please note that the above is an enhanced version of the readme file. Feel free to make any modifications or add more information as per your requirements. Good luck with your contribution to CrazyCoder!

Happy Coding!👨‍💻

crazycoderwebapp's Issues

Bug: In the mobile view content of the navbar or sidebar toggler display behind the login page

In the mobile view content of the navbar or sidebar toggler display behind the login page

pls assigned me under the gssoc'24
@Yash-Parsana

all sidebar toggler content should be upside of the login page

[feature] Add Coding Ninjas Section

Hey, @Yash-Parsana I would like to add the following feature of Coding Ninjas that will include a section of upcoming and present contests going on Coding Ninjas platforms, I would request you to assign me this issue to add this feature for the project. Mention the level that is required to assign the issue.

Adding Recommendations of contests features by asking details about user

I would like to add a recommendation feature where app would give recommendations to user by itself to join contests based on user profile description like what are they studying right now or their interests.
Please assign me this issue under GSSoC'24

Bug: Signup button not working

On clicking the signup/login button it redirected to only the login page. login and signup both buttons would be in the two different div. so that users can easily access the signup and login page

Please assign me under the gssoc'24
@Yash-Parsana

Signup and login button would be two different div

Opening direct login page, not signup

Filter genuine email

Security Feature

In your application anyone can enter using temporary or disposable email.
I will add a feature so that no one could create an account using temporary or disposable email.
It will allow only genuine users in your database.
It will help to avoid any bot.
Assign me this work under GSSoC24, I will implement it.

"Chat " Page lacks Header and Footer.

##Problem
I have noticed that the "Chat" page currently lacks a header and footer. I would like to request the addition of a header and footer to the Chat page. Thank you!

##Screenshots

Recording.2024-05-19.123617.mp4

##Solution
I can add the header and footer to the chat page to match all other pages.

Please assign this issue to me with the label "gssoc" and the appropriate level.

Bug: Header in chat section is not visible

When the user does not login, the Header in all the navbar components are visible except the chat section.

please assign me under the gssoc'24
@Yash-Parsana

In leaderboard section, the header is visible properly when the user logout

but In the chat section, the Header component is invisible. user will face difficulty to access the header components;

feature: add a button to start the contest or go to the contest page

Add a button on the contest page where all the contest is displayed so that users can easily redirect to the contest page and get started easily

Please assigned me under the GSSoC'24
@Yash-Parsana

Four sections would be on the contest page, three of the pages are listed and the fourth one would be the start button section so that after clicking the button user easily assess the contest site.

The footer should have some more additonal info in it

Shimmer UI

The shimmer UI looks pretty thin from the original content i would like to change it's sizing and color to make more pleasant. Kindly assign this task to me.

registered checkbox

there should be a registered checkbox for the user so that he/she knows that they have registered for the contest on sites like leetcode and codeforces where it is a must ,

please assign this issue to me under gssoc'24

Changing the loading into spinner loading

[Bug] Navbar disappearance

The navbar disappears when the Chat section is clicked without login!
This bug needs to be fixed.
Also i suggest beforehand that chat option must not be available before the login validation of the user.

Missing back to home in Chat page

In chat page back to home button is missing, which makes user experience horrible.
I want to work on this issue under GSSoC'24.
Please assign this issue to me @Yash-Parsana .

crazycoder.mp4

Leaderboard link is loading skeleton continuously for new user and background color of column title is not good.

I want to improve leaderboard page.
If user is new then it will show proper message that "You are not In leaderboard or Leader Board is not created yet."
Also i want to change the appearance of the column title of the leaderboard page.

Feature for auto commenting on a new issue creation

I would like an automated feature that posts a predefined comment on an issue as soon as it is created. This feature aims to address the problem of delayed and inconsistent communication following the creation of issues. By automatically commenting on issues as soon as they are created, it ensures that contributors receive immediate feedback and acknowledgment for their efforts. This fosters a positive and supportive environment for collaboration, encouraging continued participation and engagement from contributors.

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

Light mode version

in website i there is no button to switch between light and dark mode,

i can create a button to switch between light and dark mode and also make it functional by applying different CSS to light mode.

@Yash-Parsana please assign this issue to me i want to contribute in this project under GSSoC'24.

feat:Implement forget password

Description:

The application currently lacks the "Forgot Password" feature, which is crucial for user account recovery. This issue is to implement the necessary pages and functionality required for the "Forgot Password" feature.

Tasks:

1. Create Forgot Password Page: Develop a new page or modal for the "Forgot Password" functionality.

   • Steps to Implement:
     1. Design the user interface for entering email addresses for password reset requests.
     2. Implement the frontend components for the Forgot Password page/modal.
   • Expected Behavior: Users should be able to access the Forgot Password page/modal to initiate the password reset process.

2. Backend Logic for Password Reset: Develop backend logic to handle password reset requests and send reset instructions to the user's email.

   • Steps to Implement:
     1. Define API endpoints or backend routes to handle password reset requests.
     2. Implement logic to generate and store password reset tokens securely.
     3. Integrate with email services to send password reset instructions to users.
   • Expected Behavior: Upon submitting a password reset request, users should receive instructions on how to reset their passwords via email.

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.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

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 Code of Conduct

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

Adding the app screenshots in the about us page that we can add

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.

Missing CONTRIBUTING.md File

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.

Add Code of Conduct

Hevy @Yash-Parsana ,We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

Please assign this task to me .

add visible and hide password in password session btn

It is good if you a add visible and hide btn in password session it really help user to check their password before submit...
If you think it is good issue then assign me

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

Learn.md

Learn repos should have a LEARN.md file to teach student 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

[Bug]The Confirm Password field in SignUp Form

The Confirm Password field in SignUp Form doesn't have the password property, we can see the password as we type.

I am GSSOC'24 Contributor, @Yash-Parsana Can you please assign this issue to me?

Auto commenting feature for new PR raised

This feature aims to address the problem of delayed and inconsistent communication following the raising of PRs. By automatically commenting on PRs as soon as they are raised, it ensures that contributors receive immediate feedback and acknowledgment for their efforts. This fosters a positive and supportive environment for collaboration, encouraging continued participation and engagement from contributors.

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

auto comment on an issue and self assign

I would like to create a workflow for this repo that ill auto comment when an issue is raised and will also self assign the issue to the user who raised the issue if he or she wants to contribute to it

Auto Commenting when a PR is merged

This feature aims to solve the problem of inconsistent and delayed communication following the merging of PRs. By automating the commenting process, it ensures that contributors receive timely feedback and acknowledgments. It also reduces the administrative burden on maintainers, allowing them to focus more on code reviews and other critical tasks.

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

Girlscript Summer of Code Introduction/Tracking

👋 Hi @Yash-Parsana

I am Sanjay, program Manager 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

• #5
• #4
• #3
• #2
• #1

Color Palette Adjustment: Improve User Experience

Description:
Hello @Yash-Parsana,
Issue with the background color of header, a dark blue background with white text can be too high contrast and cause eye strain for some users.
Please assign me this issue. I'm currently adjusting the color palette to ensure better readability and user experience. Addressing the contrast issue in the header background will enhance accessibility and overall usability of the website.

Screenshot:

Enhancements for Web Project

Hello team,

I'd like to propose some enhancements to our web project to improve user experience and visual appeal. These changes mainly focus on adding hover effects to various elements.

1. Navbar Hover Effect:
   Currently, our navbar lacks any hover effect, which could enhance user interaction and provide visual feedback. Adding a hover effect to the navbar items would make navigation more intuitive and engaging.

2. Banner Hover Effect:
   The banner section featuring upcoming events from platforms like Atcoder, Codechef, Codeforces, Hackerrank, Hackerearth, and Leetcode could benefit from a hover effect. Implementing a subtle hover effect on these elements would make the banner more attractive and encourage user engagement.

3. Footer Enhancements:
   Our footer is missing hover effects, particularly on the icons. Introducing a hover effect, such as scaling, to the footer icons would add a polished touch to our website and make it more visually appealing. Additionally, incorporating transition effects would provide a smooth visual experience when interacting with the footer icons.

Proposed Solution:

• Implement hover effects on navbar items.
• Add hover effects to the banner section for upcoming events.
• Enhance the footer by adding hover effects and transition effects to the icons.

footer section issue

Proposed Solution for navbar

Issue with the navbar

@Yash-Parsana please assign the issue to me @ChaithanyaKrishna28
Let's discuss and prioritize these enhancements to improve our web project's user experience. Looking forward to your feedback!
Best regards,
Chaithanya Krishna

Add more info in footer

Improving navbar and fixing the spacing and adding more info if suggested

Add Contributing.md 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.
-Streamlines the Process: It outlines the process for submitting contributions, reducing friction and confusion for contributors and maintainers alike.

Enhance Nav-bar

Adding a hovering effect or animation to the buttons on the nav bar enhances the user experience.



at present the color changes on pressing the buttons. I can enhance it by adding a hovering effect and animation.
Please Assign this to me.

Adding hover effect to the footer

I would like to enable the hover effect to the icons in the footer

enhancing the styles in the footer

Add PR template

I would like to add a pull request template for this repository. I believe that having a standardized template will help streamline the contribution process, ensuring that all necessary information is included and making it easier for maintainers to review and merge pull requests.

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

Adding the hover effects on buttons

Missing Instructions in the read.me

Missing Setup Instrucions

• npm install for the packages
• Setup of our own firebase account for the firebase config file
• How to create .env file for the firebaseconfig file env variables

I would like to fix these issues

Hover effect on social media icons

[file missing] We need '.env*'

While we run development server, some environment variables are required.
They are imported at various places.

We need a '.env.example' file to guide one to start development server.
(must be done by maintainer specefically)

• We need a '.env.example' file.
• Update ReadMe for App Starting instructions.

Spacing in the dashboard and the headers

Adding .env.sample file

I will add .env sample file,I know how to add as I'm successfully able to set the project locally by getting required keys from the firebase

[Bug]: Double click on the same tab [CodingPlateform] content does not displays.

Problem
On selecting any coding-platform-name its data gets display but on clicking the same platform again nothing loads.

To Reproduce

1. Go to home
2. Click on any plateform [suppose codeforces], it data fetched and displays.
3. Again click on the same button, nothing loads.

Solution
On again clicking the same button it should display the same data.

Screenshot

[Bug] : Button are not accessable

• In the button has hovered cannot be the cursor pointing this is text point...
• Because the user can be hover that is not clickable link
• This is irresponsive .so please assign me to redy to solve this.... 👀
  

Fix sign in and login page

As you can see menu and sign page is not looking good ...
If you think it is good issue then assign me,...
@Yash-Parsana

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, Girlscript, good first issue etc.
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
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