smartwear

TypeScript

TailwindCSS

Next.js

recharts

My Role

I was responsible for creating the project's front-end layer and preparing the product's marketing page.

My work included:

  • implementing a modern UI,
  • creating a user dashboard,
  • visualizing training data,
  • preparing the product's marketing sections,
  • designing responsive views.

Project Outcomes

A modern marketing website and dashboard were created, allowing users to track their training progress.

The project allowed me to develop skills related to:

  • UI design for fitness products,
  • data visualization,
  • dashboard creation,
  • and building front-ends for technology products.
smartwear1.png

Key Features

Interactive Charts

The Recharts library was used to present user data in an engaging and easy-to-understand way.

Modern UI/UX

Built with Next.js and styled with Tailwind CSS for a sleek and modern user interface.

Dynamic Content

Presents real-time data and user statistics, dynamically updated based on intelligent user resources.

OAuth 2.0 Authentication

Secure and seamless user authentication using OAuth 2.0, allowing users to log in with their preferred social media and email accounts.

RWD

The landing page is fully responsive, ensuring a smooth experience across devices, including desktop computers, tablets, and smartphones.

Biggest Challenges

The biggest challenge was presenting training data in a clear and engaging way.

The project required:

  • designing data-driven interfaces,
  • building an intuitive dashboard,
  • reconciling marketing aspects with product functionality,
  • creating a user experience around the technology product.