abbhiishek / codecommunitymusic-client

CodeCommunityMusic is a community of developers and musicians who are passionate about music and code.

• 🔭 I’m currently working on Dev Resume

• 🌱 I’m currently learning Full Stack Development

• 👨‍💻 All of my projects are available at 😎

• 📫 Reach out to me here 📧

• ⚡I write blogs here.

💻 Tech Stack:

Connect with me:

⚡ Recent Activity

1. 🎉 Merged PR #3 in Abbhiishek/hirebetter
2. 💪 Opened PR #3 in Abbhiishek/hirebetter
3. 💪 Opened PR #2 in Abbhiishek/hirebetter
4. 💪 Opened PR #444 in keploy/docs
5. 🗣 Commented on #2200 in keploy/keploy
6. 🗣 Commented on #2200 in keploy/keploy
7. 💪 Opened PR #2200 in keploy/keploy
8. ❗ Opened issue #2199 in keploy/keploy
9. 💪 Opened PR #443 in keploy/docs
10. ❗ Opened issue #2191 in keploy/keploy

📚 Recent Blog Posts

• Enhance Your Web Apps: Best JS Libraries 🔧
• Time Complexity
• Firebase + Nextjs
• Mastering MongoDB and Mongoose in Node.js
• Guide to Yaml
• TypeScript
• 10 Tips for Success: How to Be a Productive Developer and Student
• GraphQL
• ChatGPT: The Ultimate Tool for Natural Language Processing and Text Generation
• How to remove element from list Python
• Python is an object-oriented programming language
• Why and How Git ?

📊 GitHub Stats:

🏆 GitHub Trophies

✍️ Random Dev Quote

codecommunitymusic-client's Issues

Show/Hide Password for Sign-In and Login Pages

Feature Request: Show/Hide Password for Sign-In and Login Pages

Description:

I would like to propose the addition of a feature that allows users to toggle the visibility of their password when entering it on the sign-in and login pages. This feature would enhance user experience by providing the option to view their password while typing it.

Motivation:

There are several reasons why adding this feature would be beneficial:

• Improved User Experience: Allowing users to see their password as they type it can reduce the chances of typing errors.
• Password Verification: Users can verify that they have entered the correct password before submission.
• User Preference: Some users prefer the ability to view their password while others may prefer to keep it hidden. Offering this feature accommodates both preferences.

Proposed Solution:

I suggest adding an eye icon near the password input field. Clicking this icon would toggle the visibility of the password between plain text and hidden. This behavior is commonly found in many login forms.

Benefits:

• Enhanced user experience and convenience.
• Reduced likelihood of password entry errors.
• Increased user satisfaction.

Contributions:

I am willing to contribute to the development of this feature: Yes

Labels: enhancement, user-experience

[Feature] Docs for contributors

Hello,

This project has a backend service made purely in django and postresql db. The api and methods are not clear and its difficult for new bies to get started with the project.

Solution

We can host an external docs page backed by us to provide an open environment to test the api and use limited api calls. The docs would include all the details about the request body and response schema which might help me developer to get started with the project :)

Leaving this issue as a discussion on how we can aim this feature and proceed with the stuff.

Enhancement: Include Local Setup Instructions in README

Issue

The current README for this project lacks instructions on how to set up the project locally. Providing clear and comprehensive local setup instructions is essential for new contributors and users who want to try out the project.

Suggested Solution

I suggest that we enhance the README by adding a section that outlines the steps to set up the project on a local development environment. This will include prerequisites, installation steps, basic usage instructions and how to connect with the backends

Benefits

• Helps new contributors and users get started quickly.
• Reduces confusion and support requests related to project setup.
• Encourages more people to try out and contribute to the project.

Proposed Changes

In the updated README, we should include the following sections:

• Prerequisites: List any required software or tools.
• Installation: Step-by-step instructions for setting up the project locally.
• Usage: Explain how users can interact with the project after setup.

I'm willing to contribute to this and can provide a draft of the updated README if that would be helpful.

Please let me know if you agree with this enhancement, and if so, I can start working on the changes.

[Feature] A contributors page

Code community music site features a page showing gratitude to all the contributors 📦
here is the link : https://codecommunitymusic.vercel.app/contributors

The page is basic and doesn't provide much information.

[GUIDE] How to setup the complete application locally?

Hello 🙌,

Thanks for showing interest in Code Community Music. If you are interested in setting up the whole application including the backend then follow the below steps:)

1. Check out this Repo.
2. This include two submodules one is client and second is server
3. clone the repo locally and cd into it.

  git clone https://github.com/Abbhiishek/codecommunitymusic.git
  cd codecommunitymusic

4. Pull the submodules to latest version.

  git submodule update --init --recursive

5. Make sure your docker demon is running in background 🐬
6. Build the image and run the instance

docker compose -f docker-compose.dev.yml  up --build --force-recreate

There are 4 container currently running to provide you all feature.

-> check out you docker conatiners you might see similar as below:

7. If you want to view the backend admin panel, you would require to create one superuser for that. Run the below command in another terminal instance at same path as before

docker compose -f docker-compose.dev.yml run --rm  backend python manage.py createsuperuser

You will be asked for username , email address & password of your choice.

8. Now you can access the backend admin panel at http://localhost:8000/admin

9. Down the containers

docker compose -f docker-compose.dev.yml  down

Sub Modules Projects

Here are the submodule repo that this project uses. You can contribute through those repos

• CLient - Code community Music
• Server - Code community Music

Feedback

If you have any feedback, please raise a issue. Feel free to drop a star ⭐

Enhance Password Strength Validation

To enhance security and provide users with clearer feedback during password creation, i propose implementing an improved password strength validation

/Projects -Login to Create Button Overlapping

On small devices, the text 'Login to Create Project' button is overlapping in the Projects section.

• page link given below:

https://codecommunitymusic.vercel.app/project

[fix] - Typo Remember in Login Page

There is a typo in a login page :)

Solution

the correct spelling should be Remember :)

Dockerfile outdated

through implementing the docker multi stage build , we can reduce the image size of Docker container