Ecommerce Navbar React Tailwind Typescript

Challenge brief

Navbar (E-commerce)Build a minimal, responsive navigation bar seen on typical e-commerce websites

Back to all submissions

Ecommerce Navbar React Tailwind Typescript

Challenge brief

Navbar (E-commerce)Build a minimal, responsive navigation bar seen on typical e-commerce websites

ibrahim gabr@iageoscience

Frontend Engineer

5 YOE

490 Reputation

Preview solution

View code

# Tech stack and approach I used React Typescript and tailwindcss for styling # Useful resources and lessons learnt React portal to create the sidebar

Submission vs Design

https://gfe-ecommerce-topaz.vercel.app/

Implementation details

Tech stack

CSS

Positioning

Responsive Design

Transforms and Transitions

React

Basics

Components

Event Handling

Build Tools

Typechecking

Linting & Formatting

Code

Discussions