itsnitinr / driwwwle-old Goto Github PK

overflow-y is set to scroll which means that the scroll bar will always appear, even if the content of the page requires no scrolling. Changing it to auto would fix this and make the website look better.

Can I create about us page ?

In the sign-in page, when a user presses on the sign-in button, a request to the backend is made during which the 'is-loading' Bulma CSS class gets added to the button which adds a spinner to the button and makes it disabled. For a successful sign-in request, this works great but if the user enters the wrong credentials, the button gets stuck on loading phase and stays disabled until the page is refreshed.

Steps to reproduce:

1. Create an account and log out.
2. Try to sign in but enter wrong password.
3. Button doesn't revert back to initial state and stays on loading state.

Component responsibile: Sign In Component

Demo:

I came to notice that, in the sign-in page, if we click submit button the loader starts and never stops even though there is an error in the entered details & shows an error message.

That is if a user encounter wrong password/email error message then they can't access the submit button.

In the Redux code, you have made the loading state to false if login fails and indeed you have done the conditional checking on the Submit button. Even though, loading spinner never stops

Images in card do not fit their containers. You can see an example in the screenshot:

This can be fixed by removing min-height: 200px; for #posts .post img.post-image.

I can fix this if you let me work on it!

wants to add an error boundary in the app.js?

Explanation:
Currently, all posts page and profiles page show all the posts and profiles on a single page which leads to a very long page. Adding pagination such that only 6 posts or profiles are displayed on a single page would improve the user experience.

Components Responsible:
PostsPage.component.jsx
ProfilesPage.component.jsx

Routes:
localhost:3000/posts
localhost:3000/profiles

Hello,

In the README file, you show how to set up the project, but not really how to contribute to it.

Firstly, clone this repository.

git clone https://github.com/itsnitinr/driwwwle/

That is not a "correct" way to contribute, so I'll update the Readme to make it easy to the new contributors, hope you like it.

Currently, when a user wants to like or unlike a post, the post page has to be refreshed for the changes to be reflected. This is mostly due to improper state management. The relevant files would be PostHeader.component.jsx and PostPage.component.jsx which can be found in client/src/components/post-header and client/src/pages/post-page respectively.

Hi there!

My default browser is Chrome and, like many users, I have three of the most popular extensions installed to block unwanted ads, tracking, etc.

One of the extensions I have installed seems to be blocking social media icons under the className of "social-icons", as shown in the image below:

I was able to fix this pretty easily by renaming the class to socialIcons instead. I've also updated the CSS to match!

I would love to submit a PR to fix this for you! 😃

Driwwwle has a feature of adding images to each post. Currently, the user can upload any type of file but I want only the image file types to be accepted. The relevant backend code is present in this file. I am using multer and multer-storage-cloudinary packages for image upload purposes.

Backend route for creating a new post including the image: Here

Frontend React component for new post: Here

The position of the footer isn't always at the bottom of the page. It shifts based on the amount of content on the page.

This can be fixed by setting a min-height on #root > .container but I suggest giving the container a more specific id or class name.