React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 8)

Published: 29 December 2020
on channel: Samuel Morgan

207

Description:

A coding tutorial showing how to make an animated circular menu. Technologies used include React JS, SCSS, and node.

Original Code on Github:
https://github.com/SamuelColeMorgan/R...

Resource: Colt Steele’s Crash Course on HTML, CSS, JavaScript.
• HTML/CSS/JS Crash Course Part 1

Sub Arrays for menu pages:

["About", "#3E84E6"],
["Contact", "#15AB88"],
["Portfolio", "#eb5089"],
["LinkedIn", "#AFD91A"],
["Dribbble", "#F27127"],
["Facebook", "#07C7F2"],
["Twitter", "#9768D1"],
["Instagram", “#F2B705"],

SCSS Variables:

// color variables

$off-white: #fefefe;
$dark-purple: #090126;
$dark-purple-secondary: #290366;

// -------------------------------

// font variables

$primary-font: 'Open Sans Condensed', sans-serif;

// -------------------------------

// font size variables

$small-font-size: 16px;

// -------------------------------

// spacer variables

$xs-space: 3px;
$small-space: 18px;
$medium-space: 27px;
$large-space: 81px;
$xl-space: 144px;

// -------------------------------

On this page of the site you can watch the video online React JS Animated Menu in 8 Steps: Advanced React Menu Component Tutorial (Part 8) with a duration of hours minute second in good quality, which was uploaded by the user Samuel Morgan 29 December 2020, share the link with friends and acquaintances, this video has already been watched 207 times on youtube and it was liked by 6 viewers. Enjoy your viewing!

7,347

439