scorelab / com-dictionary Goto Github PK

• Add a signup form as given in the mockup for email and password authenticating users.

Pull requests with adequate descriptions, and context make code easier to review, test, and discuss. Also Having clear and concise templates will improve the process of feature request and bug request.

I want to contribute to the project under the GSOC 2023 program. I want to setup the project on my local machine but it lacks the protocol for the same.

Users cant check whether they have entered the correct password or in the login forum. Toggle password visibility is available in signup forum but not in the login forum

When user signup through their email instead of google empty space shown in the header drop down menu.

Currently there are no any loading animations in the user interface to indicate the user that the items are loading.

As in current version , email id authentication is not applied. User can signup with any email id of valid format like [email protected], to counter this, we should have email authentication.
@shehand Should we apply this ? If yes then I would like to work on this.

Enhancing User Experience through UI Changes. Currently, the buttons are too big and the image appears too small.

There is no onClick() function for that speaker button for the pronunciation functionality.

Should give a complete display on the word and give users an opportunity to comment on other users' existing comments.

invalid api key error while trying to signup

The setup guide for local development is missing here. New contributors do not know what the project is about and about the requirements at a glance.

To Reproduce
Steps to reproduce the behavior:

Go to http://localhost:3000/

1. Click on the login
2. Click on forgot password section
3. See error

Expected behavior
A forgot password page should open

Currently Users can sign up using fake madeup emails, but if they forget password in future they can't get reset password links for their email accounts.

I noticed that the project is using Inline CSS, which can quickly become unmanageable as the size of a project grows. It is often used for small-scale projects and prototypes, but the CSS becomes increasingly challenging to maintain and scale as the project becomes more complex. This is where Tailwind CSS comes in.

Tailwind CSS is a CSS framework that provides a consistent and structured approach to styling web pages. It provides a set of predefined CSS classes and a grid system to make it easier to style your website. This makes it easier to maintain and scale your CSS as your project grows.

Here are some of the key benefits of using Tailwind CSS over inline CSS:

Consistency: Tailwind CSS provides a consistent look and feel across all pages of your website, making it easier to maintain a consistent design.

Reusability: Tailwind CSS provides a set of predefined CSS classes that can be reused throughout your project, reducing the amount of CSS you have to write and maintain.

Scalability: Tailwind CSS is designed to be scalable, making it easier to add new features and pages to your website as it grows.

Responsiveness: Tailwind CSS includes a responsive grid system that automatically adjusts your website's layout based on the screen size, making it easier to create responsive websites.

In conclusion, Tailwind CSS provides a more maintainable and scalable approach to styling web pages, making it the ideal choice for big projects. Using Tailwind CSS, you can reduce the time and effort required to style your website, allowing you to focus on developing other aspects of your project.

Thus I would recommend migrating to tailwind CSS .

If a user click on submit button without typing on the search bar it will go to a blank page, need to remind user to enter a word if he clicks on submit btn without any input.

There was a gap above the logout button . I have used that portion for displaying the email id of the user .
Error:

Fix:

The search page route has no exact in it which might cause problem if later we add some route with the same initials as this one then both will be loaded simultaneously
Error:-

Fix:-

Adding Profile section for the user to update their details.

When users click on the theirs name a profile section is open in which users update their details , Profile pics and cover photo.

• Social share
• Text-to-speech
• Related word
• Available translations

No data contains in Category and headterm list, consequently no TrendingWords carousel.

As one can see from the image is that there is no validation in email field of Login form. There should be a validation as in hurry user can input a wrong format of email, so for this he should be shown that little message as shown in sign up form.

Development server showing blank white screen. Most probably an api issue

Create a react-redux project

• Community dictionary logo ( Home )
• 'Browse'
• 'Categories' - Dropdown for word categories in English
• 'Vote' - Upvote/Downvote existing words (when clicked goes to Recently added words / translations)
• 'Add new word'
• 'User profile'

The project gives the following error when the project start it is due to Version Update error we would need to update package.json to make it work .

Should include few rules for users to select from, regarding the reason of disapproving the content.

• A form to add a new word definitions

Currently, the size of the arrow on the homepage is too huge and it seems huge.

Add a form to sign in using email, password and using social logins (Google and Facebook)

• Add a full-text search bar
• Add a Language selector
• Add an alphabetical word categorizer.

Expectations : When clicking on the link , It should go to the link of that particular sections of the page.

Adding a screenshot

It would be a great help for developers if the repo has a dump of the database for testing.

Forget Password functionality is not implemented in the system

No message appear when a user login with wrong credentials. It just remains static, nothing happens.