Can I work on building and configuring an issue template so that we can standardize the information you'd like contributors to include when they open issues. It would help to clearly define issues?

Update all imports from traditional NodeJS require to ES6 imports and the same for exports

This is an update to the back-end.

Old:

const module = require('module'); // Default import
const portion = require('module').portion; // Not default import

New:

import { portion } from 'module'; // Not default import
import module from 'module'; // Default import

Similarly, update all module.exports to use ES6 exports.

Old:

module.exports = module; // Default export
exports.portion = portion; // Not default export

New:

export default module; // Default export
export portion; // Not default export

If approved, I would start working on this. This wouldn't affect the overall performance of the application much, but improve code readability by the usage of modern conventions.
Also, not that this won't be backwards-compatible, though it is the recommended way to import and export in the modern versions of Node.js.

When registration is successful user should be redirected to the login form. This engages the user to login and increases user interactivity with the site. Although a small feature but of great significance from a user experience perspective.

As only this feedback toast is popped up and the user is still on the signup page.

No Validation on Both page.

@shelcia

Can I make pull request template to enhance the workflow of the repository?

The current implementation is not redirecting to the login page it opens the login page component inside the homepage which does not look good, I think it should redirect to the login page will better.
@shelcia

When we navigate from login to signup part, the url remains same.In #50, a proper landing page will be created that will direct to login or signup page. I want to create different urls for these pages for better detailing of the pages

Tracking issue for:

• https://github.com/shelcia/Socialgram/security/code-scanning/4

User should be able to edit/delete only the posts or comment created by him/her.

I'd like to work it once it is approved.

User can just change the URL and navigate to the homepage, settings and every page. Also, they can even like, dislike and comment which is not desirable.

Need for private routes for secure routes.
I'd like to work on it once it is addressed.

Tracking issue for:

• https://github.com/shelcia/Socialgram/security/code-scanning/2

Displaying the profile name, who posted, on top of the content in the post.

I think it is important to have contributing guidelines so that an open-source contributor know how to contribute properly.
Can I work on this?

Tracking issue for:

• https://github.com/shelcia/Socialgram/security/code-scanning/5

This check needs to be made. I'd like to solve this bug.

In the Readme.md, the CoC not working.
Like to work on it.

• When clicked multiple times, the counter increases. Now, I am not sure if it is supposed to be that way for the web app.
• Instead, we can have a click -> like, click again -> unlike feature.

This will need alterations in backend(NodeJS) too. Check out the readme of this repo for the backend code.

@shelcia Currently readme is not having a getting started guide and is also very subtle
So can I work on this to modify it by adding badges which will keep track of issues assigned, pull request open, pull request merged and also how to contribute to the project

The Error404 page for this project is not made/designed yet, I believe.
Once approved, I'd like to work on it.

I'd like to improve the README by adding website images and make it better overall so that it is welcoming for all first time as well as experienced contributors.

If approved, I'd like to work on this issue under NJACK WoC

The input field should be clear once a comment is posted, like when the post is posted.

• Current behavior shows a queue implementation, i.e. the post that was posted last is at the bottom of the page on the profile page, contrary to the Home page.

• Comments on the other hand are in queue, which makes sense, the one that was posted last, should be at the bottom.

The 'About project' part on the home page displays the contribution details. There is no page regarding what Socialgram is all about.I think once the site opens, the user should get directed to a proper landing page having details of the project where he should choose either to login or signup

Tracking issue for:

• https://github.com/shelcia/Socialgram/security/code-scanning/3

Following enhancements can be done to post component:

• Can have reaction bar like LinkedIn, Facebook etc which enables the user to give multiple reactions on hover over the like icon.
• Comment box should be improved like:
  • There should be a comment button and on click of this button, comment box should appear. This will not clutter the site and make it look a lot cleaner and userfriendly.
  • comment input field should be textarea as it is for the post.

• In Frontend domain of this repo, I want this feature to be added.
• Contributing under KWOC'22.

Empty comments to individual posts should not be allowed.

example: I am able to access "https://socialgram.netlify.app/homepage" without logging in

Some people prefer light theme over the dark theme. It would be a cool feature for having both themes available to the user just with a toggle button.

• Reporting enabled from user
• Moderation of video and Image (https://docs.aws.amazon.com/rekognition/latest/dg/moderation.html)
• Remove users who post offensive content frequently

more description needed

In reference to #33

• I opened https://socialgram.netlify.app
• I logged in.
• Redirects me to - https://socialgram.netlify.app/homepage
• Now, if I remove homepage from the URL, and run it again, it doesn't redirect me to the homepage, it takes me to the https://socialgram.netlify.app/ and I have to log in again.

This can be handled by checking if the user is logged in, then it should redirect them to https://socialgram.netlify.app/homepage.

Here is something I noticed.

• The pages can be accessed without authentication.
• Without logging in, I opened https://socialgram.netlify.app/homepage
• In fact, it also allows me to add a post, without logging in, but the post is not saved, once reloaded, but this should not how the webpage should behave.
• It happens so with all the pages, I tried to open https://socialgram.netlify.app/homepage/profile, it shows empty details, but it shows them.

If any URL is accessed, and the user is not logged in, it should redirect them to - https://socialgram.netlify.app/

Another issue in reference to this: #34

• It shows this behavior when more comments are added.

Adding the feature of "View More Comments" after it exceeds 2-3 comments would work the best.

As shown in the picture, Ads section is not responsive after 552px . It is attached to left, there is no left margin at all.
@shelcia I want to work on this issue.

Thanks & Regards
Urvashi Anand

I think readme need to be updated . The step regarding setting up environment variable is missing.This step is very important. Students new to these frameworks (like me) have no previous idea about this. It took me 2 hours to figure out why the error is coming.