iiitl / mern_auth Goto Github PK
View Code? Open in Web Editor NEWMERN Task with auth application
MERN Task with auth application
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.
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.
Remember to submit the screenshots/video along with the PR.
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.
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.
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.
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.
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.
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.
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.
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.