Sorry, the code is not available!
The code is not reachable because of NDA. There is description of the project below, although are you interested to talk about my programming and coding skills? You are welcome to reach me on:
Technical Description: SmartWear Landing Page
SmartWear is an innovative web application that allows users to interact with smart assets like adaptive chairs and parameter-measuring shirts. The landing page provides a comprehensive introduction to the products and services, showcases key features, and guides users to explore their personalized statistics.
Key Features
Interactive Charts:
Utilizes Recharts to present user data in an engaging and easy-to-understand manner.
Modern UI/UX
Built with Next.js and styled with Tailwind CSS for a sleek and modern user interface.
Dynamic Content
Showcases real-time data and user statistics, dynamically updated based on the user's smart assets.
OAuth 2.0 Authentication
Secure and seamless user authentication through OAuth 2.0, allowing users to log in using their preferred social media or email accounts.
Responsive Design
The landing page is designed to be fully responsive, ensuring a seamless experience across various devices, including desktops, tablets, and smartphones
Technologies Used
Next.js
A React framework that enables server-side rendering and static site generation, ensuring fast load times and improved SEO.
TypeScript
Provides type safety and enhanced developer experience, reducing runtime errors.
Tailwind CSS
A utility-first CSS framework that allows for rapid UI development with a consistent and modern design
OAuth 2.0
A standard for access delegation, providing secure and scalable user authentication.
Recharts
A charting library built on React, used to display user statistics in a visually appealing and interactive manner.
User Flow
I. Landing Page Visit
Users visit the landing page and are greeted with an overview of SmartWear’s smart assets.
II. User Authentication
Users can sign up or log in using OAuth 2.0.
III. Dashboard Access
Authenticated users are redirected to their personalized dashboard, where they can view and interact with their data.
IV. Data Visualization
Users can explore various statistics and charts detailing their posture and health metrics.