smartwear
TypeScript
TailwindCSS
Next.js
recharts
Front-end & stack
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.
Key features
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.
Screenshots
Backend & infrastructure
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.
Challenges
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.