Code Monkey home page Code Monkey logo

mytwit's Introduction

Capabilix

About The Project

It is a social media platform with a focus on fostering a supportive community for disabled individuals which can provide a space for impaired individuals to share their experiences, and stories, and support one another. It goes beyond typical social networking by including a comprehensive resource hub, that provides links to resources, support organizations, and educational content related to impaired issues. Also, allows users to create and promote events, discussions, or awareness campaigns related to rights and equality.

Features -

Key Features in which Users can:-

  1. share their experiences, and stories, and support one another
  2. Provide links to resources
  3. support organizations
  4. Foster educational content
  5. create and promote events, discussions, or awareness campaigns
  6. Donate
  7. Disabled individual's employment section

Live Link :

https://mytwit.vercel.app/

Built With -

  • React JS
  • Twitter API
  • Google Calendar 📆
  • Firebase
  • Razorpay💲

Getting Started :octocat:

$ git clone https://github.com/JiyaGupta-cs/mytwit.git
$ cd mytwit/
$ npm install
$ npm start 

Contributing Guidelines :octocat:

https://github.com/JiyaGupta-cs/mytwit/blob/master/contributing.md

mytwit's People

Contributors

abidsyed25 avatar amanswarnakar avatar codecshivam avatar divyanshgarg-04 avatar jiyagupta-cs avatar prithwi32 avatar ramith-kulal avatar thatguywhocode avatar tsunami03 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

mytwit's Issues

Make search box attractve

Like currently in search box , it has rectangle box of blue border, which is not looking good, so I want to fix this issue under "JWOC"

Search bar does not work on clicking.

Problem description:
Currently when the search bar is clicked on the right part it doesn't get focused as the typing cursor does not appear.

Solution:
Make the search bar work correctly. Clicking on it should bring it on focus.

Problem Preview:

Recording.2024-01-20.125533.mp4

# Issue: Half-Visible Comma on the Page

Problem Description

There is an issue with a comma on the page, where it is only half-visible. This could impact the readability and aesthetics of the page.

Expected Behavior

The commas should not be present on the page. It should be removed to ensure a clean and correct rendering of the content.

Screenshot

Screenshot 2024-01-18 222530

Would like to work on this.

Working under JWoC'24

Feature - User can upload relevant photos with there posts.

Issue Description

There is no option to upload a photo while posting a post that can make it less engagable.

Steps to Reproduce

Inside the post section making a button to upload photos along with the posts will give it a visual appearance.

Expected Behavior

While user clicks on upload photo they can choose from there device or from internet to upload image in there post.

I am a MENTOR in GSSoC'24 raising this issue for contributors to contribute.

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

Toggle feature for post input

I will apply the toggle feature into the content post form so it'll only be visible when user clicks on the post and after the post the form will be automatically close also i will improve the UI of the form using Tailwind.

Feature Request: Text edit

image

Want to work on this issue under JWOC'24

I would like to suggest that instaed of text like XX , can we put information like:
UDID Card or Unique Disability Identity card is an initiative by Government of India with a view of creating a National Database for PwDs, and to issue a Unique Disability Identity Card to each person with disabilities.
As of now, AADHAAR is not mandatory for issuance of UDID card.
or
Javelin thrower Sumit Antil and archer Sheetal Devi won the prestigious Best Male and Best Female Athlete awards at the first Divyang Sports Awards.

Sheetal Devi had won two gold and one silver in the Asian Para Games held in Hangzhou, China.
He has been chosen the Best Young Athlete of the Year 2023.

Sumit Antil on gold medals in the men's javelin throw F64 category at the 2020 Summer Paralympics and the 2023 World Para Athletics Championships.

He holds the current world record with a throw of 73.29 meters at the 2022 Asian Para Games in Hangzhou.

Girlscript Summer of Code Introduction/Tracking

👋 Hi @amanswarnakar ,

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 :octocat:

[Fix]:Unable to Identify Active Sidebar Navigation Item

Description:
In the sidebar navigation, I noticed that the active navigation item is not being highlighted when navigating to different pages. This makes it challenging for users to identify their current location within the application.

Expected Behavior:
The active sidebar navigation item should be visually highlighted to provide a clear indication of the current page.

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

The individual post card looks a bit overwhelming. Need to improve it's styling

Issue Description

The individual post card action buttons are very spread out, covering the whole area and also the image gets displayed in a very large size

Steps to Reproduce

Just head over to homepage

Expected Behavior

Styling needs to be improved

Actual Behavior

The individual post card action buttons are very spread out, covering the whole area and also the image gets displayed in a very large size

Screenshots

image

Navbar UI enhancements

GSSOC 24'

Description
The current Navbar design is not properly aligned. The misaligned content along with wrong font selection is giving it a rugged look and that's why it needs to be changed to provide a more finished and professional look to the website

How I will solve the problem
First and foremost, the center alignment of Navbar elements will be fixed. After that, it's font and design will be tweaked to match the aesthetics of rest of the website without appearing too dominating

Assign me this issue so that i can work on it and create a PR

UI Refinement: Social Handle Integration, Centered Event Calendar Title, and Stylish Amount Tab Hover Effects

This issue aims to refine specific elements in our application's user interface for a more polished and user-friendly experience. The proposed changes include integrating social handles for contact purposes, centering the title in the events calendar, and applying stylish hover effects to the amount tab options.
Changes Proposed

  1. Social Handle Integration

1.1 Contact Information

Add social media handles to the contact section, providing users with additional channels for communication. This integration can enhance accessibility and improve our online presence.
2. Event Calendar Title Alignment
2.1 Centered Title

Ensure that the title in the events calendar is properly centered for optimal visual alignment. This adjustment contributes to a more balanced and aesthetically pleasing UI.

3.Stylish Hover Animation

Implement a stylish hover effect for the amount tab options (e.g., 500 rs, 100 rs, 500 rs). When users hover over these options, consider extending the UI or applying a subtle animation to enhance the interactive experience.

WANT TO CONTRIBUTE IN THIS PROJECT UNDER JWOC

Add Docker Support for MYTWIT

Title:

Adding Docker Support to mytwit

Description:

Problem:
mytwit currently lacks Docker support, hindering its ease of deployment and scalability. Adding Docker support is essential to streamline the deployment process and make it more accessible to a broader audience.

Solution:
Implementing Docker support for mytwit would involve creating a Dockerfile and configuration to package the application into a Docker container. This containerization would simplify deployment, improve consistency across environments, and enhance scalability.

Approach:
To achieve Docker support for mytwit, we can follow these steps:

  1. Create a Dockerfile specifying the necessary dependencies and configuration.
  2. Configure the application to work seamlessly within a Docker container.
  3. Document the steps for building and running mytwit using Docker in the project's README.

Additional Context:
Adding Docker support aligns with modern development practices, making it easier for developers to set up and run mytwit in various environments. Docker containers provide isolation, portability, and reproducibility, contributing to a more robust and user-friendly development and deployment experience.

TOO Many Issue

  1. There is not any button actually working like post the post button is not working .
  2. also in the post the spam filter and the words which are to be blokced automatically are not there .
  3. Like button not working and no other bn.
  4. No login page is there in this website so add a login or sign up page if does not vant to add atleast ask the name or profile of the user to, to make it actually social.
    Assign all this to me I

Feature Request - Add "Go to Top" Button

The current website lacks a "Go to Top" button, which can enhance user experience by allowing them to quickly navigate back to the top of the page. This feature is especially useful for pages with lengthy content, ensuring users can easily return to the start without manual scrolling.

Proposed Changes
Implement a "Go to Top" button that appears as users scroll down the page.
Position the button in a corner of the screen, maintaining visibility but not obstructing content.
Ensure smooth scrolling animation when users click the button.

Benefits
Improved user navigation by providing a convenient way to return to the top.
Enhances overall user experience, particularly on pages with extensive content.
Demonstrates a commitment to user-friendly design practices.
image

**image is just an example.

Add proper file structure to the project

Currently the files and components are in the source directory.
I would like to add proper file structure to the project by keeping various files under folders like components,pages,routes,etc depending on what is needed.This would allow everyone to understand the project better and make the project more approachable.
Would appreciate if you assign me this issue for JWOC 2024 after the coding period begins(15th Jan,2024)

Add a Dark Mode

Hi, I'd like to add dark mode to the website, please assign it to me under JWOC'24

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.

[Feature] Need of Contact Us Page

If any NGO or any Welfare Society wants to contact for any events like charity , job opportunities or some events related to sports for encouragement related to disabled individuals .There is no proper contact details are available.
So ,I want to work on this issue under JWOC

Share Post Feature

The Share Button Below the Post is not currently working
Develop it so that the user can share the post on their social media handles

Feature: Side Navbar close and open through navbar toggle

Feature Description

Close and Open the Navbar through the Navbar Toggle

Expected Behavior

Close and Open the Navbar through the Navbar Toggle

Actual Behavior

Side Navbar Stick the side of the project

Screenshots

  • Actual Behavior
    2
  • Expected Behavior
    2copy

@JiyaGupta-cs please assign me this issue

I Would like to work on that

[DOC] : ENHANCE CODE OF CONDUCT.md file

Description:

We are proposing enhancements to our project's Code of Conduct to foster a more inclusive and respectful community environment. These enhancements aim to clarify expectations, provide guidance on appropriate behavior, and ensure that all contributors feel safe and valued.

##we want to make it much more informative and error free document.

Objectives:

Clarification: Review and clarify existing language to eliminate ambiguity and ensure understanding.
Expansion: Incorporate additional guidelines to address emerging issues and promote inclusivity.
Accessibility: Ensure that the Code of Conduct is easily accessible and understandable for all contributors, including newcomers.
Enforcement: Strengthen enforcement mechanisms to address violations promptly and fairly.
Community Involvement: Seek input from the community to ensure that the Code of Conduct reflects diverse perspectives and needs.

Approach:

Review
Research
Collaboration
Drafting
Review and Approval

Expected Outcome:

An updated Code of Conduct that provides clear guidelines for expected behavior, fosters a welcoming and inclusive community environment, and strengthens mechanisms for enforcing the Code of Conduct effectively.

Thank You.

Feature: Sign-In / Sign-Up

Issue Description

There is no sign in or sign up feature available so any random person can also make a post on the webapp.

Steps to Reproduce

Making entirely different section for sign in and sign up with there expected behaviour.

I am MENTOR in GSSoC'24 raiding this issue for contributors.

Like Feature

The Like Button Below the Post is not currently working
Develop it so that the user can like the post and also the number of current likes is displayed beside the like button if it has more than zero likes.

Refactor the existing CSS into Tailwind CSS

Issue Description

The current codebase contains the css files which seem unorganize , which might be difficult for future developers. So , I suggest a change in the css structure by refactoring all of them in Tailwind CSS classes, which would be very efficient

Steps to Reproduce

  1. Find out and seperate the css files which are dedicated to particular pages.
  2. Install Tailwind CSS plugin into the project.
  3. Refactor each page one by one , leaving only one css file named as index.css ( which will contain only the global css applicable to the entire site )

Expected Behavior

No , specific behavioral change in the website as the codebase will be structured. But the css loading will be much more faster.

I would like to work on this issue unnder GSSoC'24

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.