Giter VIP home page Giter VIP logo

mern_auth's Issues

Update Metadata of the Website

The current metadata of the website, including the favicon and title, requires refinement to enhance application identity and user experience. Contributors are tasked with updating the metadata, which involves replacing the default favicon with a custom icon, and updating the title to accurately reflect the purpose or name of the site.

To address this, contributors are encouraged to explore the website's metadata structure and relevant React components to understand how to seamlessly implement this feature.

Remember to submit the screenshots/video along with the PR.

Improve Task Styling for Enhanced User Experience

The current styling of tasks within the application lacks visual appeal and may hinder user engagement. To address this, contributors are tasked with enhancing the styling of tasks to improve the overall user experience.

To provide clear guidance, an image reference has been attached below for contributors to refer to while implementing the styling improvements.

image

Remember to submit the screenshots/video along with the PR.

Implement Task Update Functionality

The application currently lacks the ability for users to update tasks after creation, limiting their ability to modify task details. To address this, contributors are tasked with implementing task update functionality utilizing the existing backend API. This involves creating a user interface element, such as a form, to enable users to edit task details and integrating frontend logic to interact with the backend API endpoints for updating task data.

To address this, contributors are encouraged to explore the relevant task schema and backend API's.

Remember to submit the screenshots/video along with the PR.

Display proper error message in Signup form along with proper styling.

Currently, the Signup form lacks proper error handling and styling, which could lead to user confusion and a poor user experience.
This issue aims to enhance the Signup functionality by implementing clear and informative error messages for scenarios such as incorrect credentials or server errors.

Additionally, the styling of the error messages should be improved to ensure they are visually distinct and easy to understand.

To address this, contributors are encouraged to delve into the backend controllers to understand how to implement this feature seamlessly.

Remember to submit the screenshots/video along with the PR.

Implement Alert Box for Confirming Task Deletion

The current task deletion process lacks a confirmation mechanism, potentially leading to accidental deletion of tasks and user frustration. To mitigate this risk, contributors are tasked with implementing an alert box to confirm task deletion actions. This alert box should provide users with a clear prompt to confirm or cancel the deletion before proceeding.

To implement the alert box for confirming task deletion, contributors can either utilize JavaScript's window object or create a custom modal component in React.

Remember to submit the screenshots/video along with the PR.

Display proper error message in login form along with proper styling.

Currently, the login form lacks proper error handling and styling, which could lead to user confusion and a poor user experience.
This issue aims to enhance the login functionality by implementing clear and informative error messages for scenarios such as incorrect credentials or server errors.

Additionally, the styling of the error messages should be improved to ensure they are visually distinct and easy to understand.

To address this, contributors are encouraged to delve into the backend controllers to understand how to implement this feature seamlessly.

Remember to submit the screenshots/video along with the PR.

Style Logout Button for Improved Visibility and User Experience

he current logout button lacks adequate styling, leading to poor visibility and potentially confusing user experience. To enhance this aspect, contributors are tasked with styling the logout button to improve its visibility and usability within the application interface.

To address this, contributors are encouraged to explore the relevant components handling the logout functionality in the React application.

Remember to submit the screenshots/video along with the PR.

Maintain user session using local storage.

At present, the application lacks proper user session management, which can result in users being logged out unexpectedly or facing disruptions in their workflow. To address this, contributors are tasked with implementing user session management using local storage. By storing session information locally, users can enjoy a seamless experience without the need for frequent logins.

To address this, contributors are encouraged to delve into the authentication context to understand how to implement this feature seamlessly.

Remember to submit the screenshots/video along with the PR.

Display Task Creation Timestamp in Task List

Currently, the task list lacks visibility on when each task was created, which is essential for tracking task history and progress. To improve this, contributors are tasked with incorporating the "created at" timestamp from task data into the task list display.

To address this, contributors are encouraged to explore various libraries providing this feature to understand how to implement this feature seamlessly.

Remember to submit the screenshots/video along with the PR.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.