itsnitinr / driwwwle-old Goto Github PK
View Code? Open in Web Editor NEWDribbble, but for web developers. A portal for sharing your web projects with the world.
Home Page: https://driwwwle.herokuapp.com/
Dribbble, but for web developers. A portal for sharing your web projects with the world.
Home Page: https://driwwwle.herokuapp.com/
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
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! ๐
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.
Can I create about us page ?
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
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
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.
wants to add an error boundary in the app.js?
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:
Component responsibile: Sign In Component
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.