Uber React.js Technical Challenge

Technical challenge for candidate Wallace Ferreira applying for the Front-end Software Engineer position with a focus on React.js.

Demo
Requirements
Features
Principles and Paradigms
Tools
Environment
Running Locally
About Me

Demo

The demo for the challenge is available at this link: https://uber-application-chat.vercel.app/

Requirements

To read the technical requirements of the challenge, click here.

Features

Real-time chat with automatic nickname generation
Responsive design
Theme with Preline

Principles and Paradigms

The follow principles and paradigms were strongly applied:

DDD
SOLID
DRY
Component Composition
Functional Paradigm
OOP Paradigm

Tools

Vite.js
TailwindCSS
MQTT
ESLint + Prettier + Lint Staged + Left Hook + Commitlint
Formik
Preline

Environment

The project was developed using:

Node.js v18.17.1
PNPM v8.15.6
Ubuntu 22.04.3 LTS

Running Locally

Clone the project:

git clone https://github.com/wallace-sf/faro-energy-technical-challenge.git

Install the dependencies

pnpm install

You need to specify the broker URL and topic in the environment variables. Create a .env file before starting the project. It's important to note that for development, the WebSocket should start with ws, and in production, with wss. Below is an example using the public broker that was used during development:

VITE_APP_MQTT_CHAT_BROKER_URL=ws://broker.mqttdashboard.com:8000/mqtt
VITE_APP_MQTT_CHAT_TOPIC=5d81d305-8c1e-49ff-8905-34fcc2269440

Start the web application:

pnpm dev

wallace-sf/uber-application-chat