avinashkranjan/recess

🤓 Recess - A Social Media Platform for students to share their experience/knowledge they gained in their free time. 🧐

How to get started? 👨🏻‍💻

You can refer to the following articles on basics of Git and Github and also contact the Project Mentors, in case you are stuck:

• Forking a Repo
• Cloning a Repo
• How to create a Pull Request
• Getting started with Git and GitHub

📝 How to Contribute?

• Take a look at Contributing Guide
• Take a look at the Existing Issues or create your own Issues!
• Wait for the Issue to be assigned to you after which you can start working on it.
• Fork the Repo and create a Branch for any Issue that you are working upon.
• Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
• Add Screenshots to help us know what this Script is all about.

Contributors ✨

Thanks goes to these wonderful people.

Contributions of any kind welcome!

Project Admin ❤️

recess's Issues

update contributing.md

Hey ! I would like to add the folllowing in contributing.md

1. Update your local and forked repo as the changes are made in the upstream
2. Squashing the commits
   I would like to do this under GSSOC'21

[GSSoC 2021] Update Readme

I would like to update the readme with all the information about GSSoC, and how the participants can contribute, from forking the project to making a pull request.
Kindly assign it to me as a part of GSSoC 2021 contribution, Thank you.

Add like dislike button on post

Hey @avinashkranjan can we add like and dislike button on every post.

Modal and Comment Hiding

Is your feature request related to a problem? Please describe.
Many Comments on Post makes it bit Messy and the Height of Post on Main wall Changes depending on Number of comments makes all the post uneven

Describe the solution you'd like
-> Fixing the Height of post and hiding the comments
-> Able to View few comments on clicking button "View Comment"
-> Able to view all comment by clicking on "more" button which makes appearance of Modal
-> On Modal, Post image will be on left side and all the comment on right side makes to view all the comments by scrolling

Additional context
Can Mentors overlook on this and feels worth changing Please assign me this issue and labeling it with gssoc21

Improving the Navigation Bar

The navigation bar has No spacing between the 2 buttons. Also the text on these Buttons should be LOGIN and Sign Up .

Describe the solution you'd like
I would like to bring about spacing between the buttons and also change the text to LOGIN and SIGN UP.

I would like to add these features as GSSOC participant.

[GSSoC'21] Add an Universal Navigation bar with sidebar of the user.

I propose to add an Universal Navigation bar with Search + Home + messages +notifications with sidebar where the person who signs in can view his/her profile.

need your permission & kindly Add a label of GSSoC'21 so that i can work on this asap

[GSSOC'21] Add side navigation bar using React JS.

Facebook Authentication Through Firebase

AIM

• Facebook Authentication Through Firebase

DETAILS

• Email Password authentication already added but not facebook authentication

Change Favicon

Hey @avinashkranjan, @Utkarsh1999 @abhishek2x I am a GSSOC, 2021 participant. I want to make changes in favicon in the website. Can I work on this issue?

Add comment functionality

I would like to add a comment button and upon clicking that button we can view all the comments.

Enhancing the feed to occupy more of the available screen real estate

The current feed has one post blocking the entire width of screen. I would like to make it more responsive for desktop and laptop screens.
(GSSoC'21)

[GSSoC' 21] Correct Upload route

The Upload icon on the sidebar currently redirects to homepage as follows:

I will make it redirect to upload form as follows:

[GSSoC'21] feature: Adding profile page

We need to create a profile page, where we can view the following:

• personal details like name, user id, bio, etc
• number of followers & followings
• posts, saved posts, etc

If the user is viewing others profile he/she will be getting the option to follow/unfollow
whereas id he/she is viewing his/her own profile he will be getting the option to edit profile

The following image could be the basic structure for the profile page

Please suggest any more options that could be added (if any).

ERR in documentation in contributing.md

Error link : click

CONTRIBUTING.MD 

Step 2 : Fork the Project. Fork this Repository.
 This will create a Local Copy of this Repository on your Github Profile. 
Keep a reference to the original project in upstream remote.

$ git clone https://github.com/<your-username>/Recess
$ cd Recess
$ git remote add upstream https://github.com/avinashkranjan/Recess

The above codes restricts us to function git commands. The proper way is:

$ git clone https://github.com/<your-username>/Recess.git
$ cd Recess
$ git remote add upstream https://github.com/avinashkranjan/Recess.git

i can make the necessary changes. Please add GSSoC label and assign me this task

Google Authentication Through Firebase

AIM

• Google Authentication Through Firebase

DETAILS

• Email and Password authentication is already Present. Add Google Authentication

Single Page Application

Currently on clicking the links the page refreshes and the application needs to fetch all the details again from the server. It would be good if this is to be converted into a single page application

Adding a 404 page

Is your feature request related to a problem? Please describe.
For all the unknown routes that can be looked for I would like to make a 404 page as this is the most neglected page
Describe the solution you'd like
For any unknown route this page would show up

Describe alternatives you've considered
I'll add a 404 page that's it
Additional context
NA

Persistence of User theme preference

ISSUE DETAILS
Currently, the user-selected theme preference (Dark / Light Mode) is not persisted and on reloading the application it resets to dark mode.
Visiting the application multiple times, the user would wish the application should handle and refer to the previously provided choice option from users.

Logo is not clickable

ISSUE DETAILS
Currently, the logo of the application is not clickable.
The user expects the logo to be clickable and should redirect to the home page of the application as a standard practice.

Update Comment Sections to show post comments on one click

Avatar icon overlaps foreground layer

ISSUE DETAILS
Currently, on responsive view, the avatar icon overlaps the foreground layer and shows above the Sidebar area.
This hampers user experience and visibility of the sidebar navigation options.

functionality such as update, delete on each post

add functionality such as update,delete on each post which are to be available only for the user who has created that respective post.
I would like to work on this issue as a part of GSSOC'21.
can u please assign it to me.

Alignment of the posts

Hii ! I am a GSSOC 2021 participant.
I think Alignment of posts in desktop mode can be changed. It should be aligned horizontally like 3 posts in one row and then we can increase the columns as needed. In mobile mode It should be aligned column wise which is already there.

please assign me this issue .I can fix it .
Thank You

Svg Morphing Animation

Is your feature request related to a problem? Please describe.
This feature is not related to any problem , just an enhancement to UI of theme toggling SVG

Describe the solution you'd like
A clear and subtle SVG Morphing Animation

Additional context
@AnjaliSrivastava722 @Sristi27 @Utkarsh1999 Can Mentors overlook on this and feels worth changing Please assign me this issue and labeling it with gssoc21

Add github action to auto label issues

Add GitHub action to auto label issues with gssoc21 label when contributor asks to work under gssoc21.

Improve the UI of upload section with some extra features

I would like to work on this issue as a part of GSSOC'21.
can u please assign it to me.

Add a welcome bot

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Add a welcome bot for new issue, pull request etc.
Kindly assign it to me.
[under gssoc]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add a pull request template

I would like to add this in this project as a part of GSSOC'21. Kindly assign it to me.

Display the post time

Hey @avinashkranjan, @Utkarsh1999 @abhishek2x I am a GSSOC, 2021 participant. I want to display the post timing on every post in the website. Can you assign this to me?

Lazy Loading

Is your feature request related to a problem? Please describe.
When Posts in Website will be many so webpage reduce page weight, allowing for a quicker page load time

Describe the solution you'd like
This Problem of Page Loading will be solved by Applying Lazy Load on Posts

Add Footer in the website

Hey @avinashkranjan , I am Lavanya Narayanan, a GSSOC, 2021 participant.
I want to work on the footer issue.

I would like to request you to kindly assign me this problem.

Main Page

I thought of having a proper Main page for the website where there could be some description of the website, then links/buttons to direct to sign in/Signup pages and also with a preview. I am a GSSoC'21 participant and hopping you to add GSSoC tag thank you

Show Toasts /Notifications on User SignUp and SignIn

Can I work on showing toasts/notifications on user sign up and signing and on giving wrong credentials and invalid credentials? Currently , it's showing a normal alert can I add some toast notifications.
Please assign to me as GSSOC'21

Adding a save button

We can add a save button below every post so that we can view those posts later on in our profile page.

I would love to work on this issue.

You need to login to post, can be done as a toast message.

Is your feature request related to a problem? Please describe.
You need to login to post, can be done as a toast message so that its easier for the user.

New Color scheme to enhance the look

Is your feature request related to a problem? Please describe.
No, I want to change the color scheme so as to make the website more appealing , youthful and fun

Describe the solution you'd like
i would change white color into some clean and energetic scheme so that it comes out more appealing to everyone

Describe alternatives you've considered
Some light shades of blue , orange and red mixed or seperately
Additional context

[GSSoC'21] Restructuring the files

I would like to propose of making pages and components folders for definite purposes. It would result in clean code and better understandability. This would help greatly when the web application will become multi-page.
If this idea fit, please assign it to me & kindly Add a label of GSSoC'21 so that I can work on this asap.

github action to Automerge the PRs from dependabot bot

Is your feature request related to a problem? Please describe.
It will be merged automatically .
Describe the solution you'd like
I want to add github action to Automerge the PRs from dependabot bot .

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

SplashScreenAddition

A splash screen at the beginning just before opening the website,that would look better.

Twitter Sign in

Hey , i would like to work on twitter sign in/sign up , i have worked on them before using react js and firebase hope you assign it to me and also add GSSoC tag Thanks !

[GSSoC'21] A separate page for login/signup

I would like to propose the idea of creating a different page for login and registration.
Please assign it to me if u like the idea and kindly Add a label of GSSoC'21 so that I can work on this asap.

Improve UI using Material UI

Hey @avinashkranjan , I am Lavanya Narayanan, a GSSOC, 2021 participant.
I want to improve the UI using Material UI.

I would like to request you to kindly assign me this problem.

Create Plceholder pages for, broken/invalid/under-development links.

Create 2 placeholder pages for,

1. 404 Page not found: if URL is invalid, then show this to the user
2. Under-Development/Construction: If that page is under-development, then this should be shown to the user when a user tries to access that page.

Improve the UI

The UI is simple and the color combinations are not soothing to the eye.

I would like to change the color combination to a single color. For example: Shades of blue and a different shade for some other important options. This will maintain the uniformity of the project.

I have worked on same type of projects making clones of website. Please do assign me this one. I am a participant of GSSOC'21.

Changing UI of Upload Form

I would like to work on inproving the UI of uploading a new user experience.Could you please assign the issue to me?

We can change the "Login" in the home page

Though the project has the login option at the bottom of the page the login word can be a link

This link will lead the user to the login page. This will increase the user experience

I would like to work on this issue and solve it. I am a a participant of GSSOC .Please do assign me to do this.

add functionalities of double tap like and Responses

hello,
this project from gssoc21,intrests me .I would like to add few additional functions for a better interaction:
1).Double tap to like
2).emoji response and counter

Plz assign if possible.
Heres a preview attached.

Add dark mode

I want to work on this issue under GSSOC'21. Can u please assign this to me ?

Add distinguished hover effects to logo and buttons throughout website.

Is your feature request related to a problem? Please describe.
I want to add hover effects to all clickable links (like buttons) and also logo.

Describe the solution you'd like
Changing the css files to add hover effects wherever it applies.

Describe alternatives you've considered
Inline styling

Additional context
Add any other context or screenshots about the feature request here.

GitHub Action to Auto Deploy on Firebase

AIM

• GitHub Action to Auto Deploy on Firebase After Every Commit.

DETAILS

• Currently It is done manually,
• Add a GH-Action to automate the manual work