meghalbisht / gamergram Goto Github PK

-adding notification feature for following posts
-also adding a notification for user's followers
-web push notification for all notification

Add a footer component.

The footer should be as described in the picture, however the color scheme should be according to the project.
Refer client/src/App.css to see the root colors.

Create a Footer.js in client/src/Components.
Footer should always be at the bottom and in all the pages, add it to the main App.js component.

Important : Currently, the footer is only visible in login/signup screens. You can delete that one and add same Footer throughout the project. (Access it in : client/src/Components/Screens/Footer.js)

For styling, create a new css file (client/src/Styles/Footer.css)

Important : Attach a screenshot with the PR.

when we are on someone's profile, we should be able to see the list of there followers, when clicking on followers

Do's

In the Login/Signup Screen (client/src/Components/Login and client/src/Components/Signup ) add a Toggle Password Checkbox.

IMPORTANT : Please add a screenshot of the change while submitting a PR.

Add pagination in the Home Page.

Display only 5 posts and then add a load more button to show the other posts.

Important : Add a screenshot with the PR.

All posts are displayed in the Home Component. (client/src/Components/Screens/Home.js) (line number : 178)

while visiting profiles I noticed, posts are not aligned properly, also they can have some border of the site's theme colour

Add time at which the post was made.

1. If it was posted less than 2 mins ago, then display "posted a few minutes ago"
   else
2. Add the time, following the given format -
   FORMAT

• Posted x minutes ago
  -Posted y hours ago
  -Posted z days ago
  -Posted x' years ago

Add the date at the place of black box marked in the picture
Please add a screenshot for the same in your PR.
For any confusions/queries comment below.

Add a Contributors Page by creating a file in client/src/Components/Screens/Contributors.js.

# What has to be done?

Add a new route with /contributors (client/src/App.js).

1. In this page, display the names and pictures of all the contributors. (take dummy data for now)
2. Add a link to their github profiles.
3. A link to their pull requests.
4. Use flexbox/grid and make it responsive
5. Follow the color theme of the entire app. (check cleint/src/App.css to see the color scheme)
6. The link for this page, should be in the footer component (client/src/Components/Footer)

IMPORTANT : Please attach screenshot/video-recording for the changes made

This issue is aimed to improve the Design of the App.

#Feel free to bring up your ideas.
Multiple PRs are allowed and will be merged.

Suggestions-

1. Add a customize theme button, and add different color themes (just like in twitter).
   The current color scheme can be accessed from ( client/src/App.css )

For any other issue apart from design, please consider opening an issue!

IMPORTANT : Please don't make a PR for minor changes (white space removal, spelling error etc)