В этом проекте мы собираемся создать клон пользовательского интерфейса страницы профиля с помощью Next.js и CSS попутного ветра. Клон Instagram выглядит так же, как настоящий. Он содержит аватар и его имя пользователя, описание, теги, а также URL. Для аватара мы будем использовать DaisyUI. Мы также будем использовать Fontawesome и Heroicon для добавления разных значков в разные места, например, на кнопки вкладок и в настройки. Следующий эффект точно такой же, как в реальном Instagram. Истории на странице профиля будут плавно прокручиваться за счет добавления пользовательской кнопки прокрутки, которая поверх всех историй, когда она начнет прокручиваться, появится кнопка прокрутки влево. При прокрутке до конца кнопка прокрутки вправо исчезнет. Список кнопок приводит к тому, что когда пользователь нажимает на него, на горизонтальной линии появляется темная линия. Для сообщений с изображениями мы получаем изображения из API Unsplash с помощью Axios. При наведении курсора на публикацию она будет иметь полупрозрачную черную обложку, а также будет показывать количество сердечек и количество комментариев.
Если вам понравилась эта история, вам также может понравиться подписка на Youtube. Это всего 14,99 долларов в месяц (менее 0,5 долларов в день!), Но это даст вам неограниченный доступ ко всему исходному коду на канале YouTube и бесплатным курсам Udemy, присоединившись к каналу, которые могут помочь вам получить работу.
React NextJS Создать клон Instagram UI — страница профиля, часть 1
React NextJS Создать клон Instagram UI — страница профиля, часть 2
React NextJS Создать клон Instagram UI — страница профиля, часть 3
React NextJS Создать клон Instagram UI — страница профиля, часть 4
React NextJS Создать клон Instagram UI — страница профиля, часть 5
React NextJS Создать клон пользовательского интерфейса Instagram — страница профиля, часть 6
React NextJS Создать клон Instagram UI — страница профиля, часть 7
React NextJS Создать клон Instagram UI — страница профиля, часть 8
Если вам понравилась эта история, вам также может понравиться подписка на Medium. Это всего 5 долларов в месяц (цена чашки кофе!), но это даст вам неограниченный доступ к историям, поддерживая ваших любимых писателей. Если вы зарегистрируетесь по этой ссылке, я получу небольшую комиссию. Спасибо!
