موقع ويب لشركة DOLLA

I build a React website using styled-components and React smooth scroll. The website is fully responsive and I used React Hooks and React Router for this project. The main sections are reusable components that I can customize and reuse anywhere on my site.

Website Design :

Creating React Project

Creating my Project Files

Creating Navbar

Styling Navbar

Creating Sidebar/Dropdown Menu

Styling Sidebar

Creating Home Page

Creating Hero Section

Styling Hero Section

Creating Button Element

Creating Reusable Info Section

Styling Info Section

Adding Data to Info Section

Adding Smooth Scroll to Info Section Buttons

Creating Services Section

Styling Services Section

Creating Sign In Page

Adding React Routes to Website

Creating Footer

Styling Footer

Changing Navbar background on scroll

Adding React Scroll to our site

Creating Sign In Component

Scroll to Top on Page/Route Change.

less