BMI Calculator
React.js
SCSS
JavaScript
Prezentarea
Proiectului
Un calculator BMI prietenos cu utilizatorul, care permite realizarea rapidă și precisă a calculelor pe baza greutății și înălțimii. Dezvoltat pentru a îmbunătăți abilitățile în React.js, SASS și JavaScript, acest proiect evidențiază funcționalitatea curată și o interfață responsive, potrivită pentru monitorizarea sănătății zilnice.
Aplicația oferă utilizatorilor o modalitate simplă și eficientă de a-și determina indicele de masă corporală (BMI), ajutându-i să înțeleagă starea lor de sănătate și să ia decizii informate cu privire la stilul lor de viață.
Obiective și
Provocări
Provocarea principală a fost de a concepe o aplicație intuitivă și prietenoasă cu utilizatorul, care oferă calcule precise rapid, satisfăcând nevoile diverse ale utilizatorilor. Obiectivul a fost să dezvoltăm un calculator de IMC care să funcționeze fără probleme pe diferite dispozitive, asigurând o experiență de utilizare fluidă și captivantă. Acest proiect a avut ca scop combinarea funcționalității cu un design elegant și contemporan, făcându-l accesibil și atrăgător pentru un public larg, de la pasionații de sănătate la utilizatorii ocazionali care doresc să își monitorizeze bunăstarea. Prin concentrarea asupra experienței utilizatorului, aplicația își propune să împuternicească indivizii să își asume cu încredere parcursul sănătății lor.
Procesul de
Design
Procesul de design a început prin crearea unei interfețe clare și minimaliste, axată pe simplitate și ușurință în utilizare. Am folosit SASS pentru a organiza stilurile într-un mod modular, asigurându-mă că designul a rămas consistent și ușor de ajustat pe parcursul dezvoltării. Elementele vizuale au fost concepute pentru a ghida utilizatorii prin procesul de calcul al IMC, făcând interacțiunea cât mai intuitivă posibil.
Designul a fost optimizat pentru dispozitivele mobile, permițând utilizatorilor să acceseze aplicația în mișcare și să primească rezultate instantanee pentru IMC. Schema de culori și tipografia au fost alese pentru a îmbunătăți lizibilitatea și a crea o experiență plăcută pentru utilizator.
Procesul de
Dezvoltare
Am folosit React.js pentru a dezvolta o aplicație interactivă și de înaltă performanță care calculează IMC în timp real. SASS a fost utilizat pentru a stiliza aplicația în mod eficient, permițând o personalizare ușoară și un design receptiv. De asemenea, JavaScript a fost folosit pentru a gestiona logica de calcul și pentru a asigura precizia rezultatelor. Proiectul a fost construit pentru a funcționa optim pe toate dispozitivele, oferind o experiență plăcută și eficientă utilizatorului.
Aplicația a fost testată riguros pentru a asigura calcule precise și o experiență fără întreruperi pentru utilizator. Optimizările de performanță au fost implementate pentru a garanta timpi de încărcare rapizi și interacțiuni fluide, făcând calculatorul IMC un instrument de încredere și prietenos cu utilizatorii, destinat persoanelor preocupate de sănătatea lor.