Ir à oferta completa

VITE REACT APP AUTH SYSTEM DEVELOPMENT

Descrição da oferta de emprego

My project is VERY VERY simple, here are details.
I’m building a Vite React application that needs a reliable and robust authentication system.
I need help creating an AuthContext using React's Context API to manage user authentication.
The primary goal is to ensure that users remain authenticated across page refreshes by persisting their session information, such as tokens, in cookies.
My frontend is completely separated from my backend, all requests will be done through an API which I will provide you.
Requirements.
- Login Flow.
The login page should call my API.
On successful login, the backend will set an auth-token in a cookie.
Store user details (signedInUser) in localStorage.
- Token Validation.
Use a validate token API to check if the token is still valid on page load.
If the token is invalid, automatically log the user out.
- Protected Routes.
All pages except login and signup must be protected.
For the sake of this project create two protected pages.
Home and Profile.
(just add home page etc..
just to show that the page is protected) (I will add the other pages myself) Use a PrivateRoute to protect these pages.
- UI Components.
A sidebar component (which I will provide) should be available on all protected pages.
- Tech Stack.
Vite React app Cookies for token storage LocalStorage for user details MUI for UI - What I will provide.
backend API URL backend login function & return backend signup function & return backend validate token function & return frontend sidebar component Let me know if you're able to help! JavaScript Full Stack Development React.
s React.
s Framework Web Application ID do Projeto.
# Sobre o projeto 53 propostas Projeto remoto Ativo em Recentemente
Ir à oferta completa

Detalhes da oferta

Empresa
  • Indeterminado
Localidade
  • Em todo Portugal
Endereço
  • Indeterminado - Indeterminado
Data de publicação
  • 03/10/2024
Data de expiração
  • 01/01/2025
.Net & React.js SW Developer
Uniksystem -sistemas de informação,lda

Net (3+ years) and react... the main responsibilities will be software development with: asp... we’re looking for new team members with the react... net: mvc, web api, entity framework core; webservices (soap, rest, xml); mvc or web api; react... js, css, html; databases: ms sql server; orm entity framework......

Mobile app developer
MWCI

My resume builder is a free resume builder app that helps you create a modern and professional resume and curriculum vitae or cv on your mobile in just 3 simple steps... our resume maker includes e-signatures and publications... our professional resume templates are compatible with india and other countries......

Full Stack Developer – SharePoint
Newin

Good development skills on sharepoint and... • assistance with deployment and configuration of the system... • excellent development skills on the technologies required for the m365 platform... the tasks to be performed include:• development and integration of technological components......

Support Client Français Streaming – Télétravail, Début 9.10!
ProRekruter

✅ competitive salary and remuneration system (incl... 10 (9th october)• fixed term, renewable full time employment contract for 6 months (according to the portuguese law)• we offer fully, 100% remote work system all over portugal (mainland)• shifts system: monday -sunday (7:00 – 21:00)-40h/5days per......

COBOL Developer
ITDS

Understanding of legacy system challenges... develop tests for app reliability... collaborate on cobol system updates... your main responsibilities: analyze & optimize existing cobol apps... independent & team-driven approach... effective communication skills... outros dados de posição #getready to......

Test Engineer (Automation) – Phyton
Newin

· coordinate with program and development management teams in product development lifecycle to conform end user product and quality requirements and shipment schedule... · analyse and verify best automated and manual test approaches and execute acceptance, integration and system testing......

STATUSQ APPS LLP
STATUSQ APPS LLP

From adjusting the duration of photos to adding text overlays and applying filters, users can effortlessly enhance their creations within the app... statusq offers both free and premium versions of the application, catering to different user needs and budgets... the competitive pricing of the premium......

Junior Phyton NME and numpy developer
TEMPOSUSSURRANTE LTA

This proposal definesdetailed features& functionality and development methodology... new remedies ltd thanks the client for the opportunity to participate inthedesign and development of the “bci''... ● on attaching the device, the clinic has to open the ganglion board... 1-2 years total project requisitos......

German Customer Support - 5000€ signing bonus
SpotOn Connections

Requirementsat least 12 months of direct customer service experience required, preferably in contact centers in a b2c and/orb2b environmentgood communication skills, both verbal and oralexcellent native level written and spoken communication skills in the language of supportproactive attitude and strong......

Dutch Customer Support - 5000€ signing bonus
SpotOn Connections

Requirementsat least 12 months of direct customer service experience required, preferably in contact centers in a b2c and/orb2b environmentgood communication skills, both verbal and oralexcellent native level written and spoken communication skills in the language of supportproactive attitude and strong......