ORTEX Technical task for Front-End Developer

• Requirements

• Demo

• Repository Author

📸 Screenshots

💻 Run Locally

Clone the project

  git clone https://github.com/BrisaDiaz/ORTEX_technical_task.git

Go to the project directory

  cd ORTEX_technical_task

Install dependencies

  npm install

Start the server

  npm run dev

  #or

  npm run build

  npm start

🔮 Api endpoints

• Login: http://localhost:3000/api/login

• Reset password: http://localhost:3000/api/resetPassword

🧪 Testing credentials

• Error case user: unregistredUser@email.com
• Success case user: any other valid email

🛠 libraries

• Next js (React)
• Cypress
• Jest
• React Testing library
• Storybook

✨ Features

• Lighthouse pipeline.
• Integration tests pipeline.
• Unit tests pipeline.
• Customizable form with validation.
• Accessible documented components.
• Push notification.
• Loading indicators.
• Websocket connection.

📂 Folder structure

.
├── components (components/stories folder)
├── interfaces.ts (common typescript interfaces)
├── lighthouserc.js (lighthous config)
├── cypress (integration tests)
├── hooks (custom hooks)
├── styles (page level styles)
├── public (static assets)
├── mappers (data mappers)
├── .github (workflows)
└── utils (utility snippets)