RVA-expert - Tech Solutions Company project

 It is comprehensive website for professional installation and configuration services, specializing in garage sectional doors, protective aluminum shutters, automation for sliding and swing gates, solar panel installations, and various electrical works.

---

During the development of this SPA I used:

• the React library based on Vite;
• framework Material UI;

---

📚 The project structure (architecture):

📁 RVA-expert/
│
├─ index.html
│
├─ vite.config.js
├─ package.json
├─ .gitignore
├─ .eslintrc.cjs
│
├─ 📁 public/
│   ├─ site.webmanifest
│   ├─ robots.txt
│   ├─ .htaccess
│   ├─ sitemap.xml
│   │
│   ├─ favicon.ico
│   ├─ apple-touch-icon.png
│   ├─ android-chrome-192x192.png
│   ├─ android-chrome-512x512.png
│   ├─ favicon-16x16.png
│   ├─ favicon-32x32.png
│   │
│   └─ 📁 images/
│      ├─ rva.png
│      ├─ background.jpg
│      │
│      ├─ 📁 m-gallery/
│      ├─ 📁 m-objects/
│      ├─ 📁 p-gates/
│      ├─ 📁 p-rolets
│      └─ 📁 p-motors/
│
└─ 📁 src/
   ├─ main.jsx
   ├─ style.css
   ├─ theme.jsx
   │
   ├─ App.jsx
   │
   └─ 📁 components
      ├─ breakpoints-context.jsx
      │
      ├─ 📁 common/
      │   ├─ CanvasAccordion.jsx      
      │   ├─ CommoData.jsx
      │   ├─ ProductCard.jsx
      │   ├─ SectionTitle.jsx
      │   ├─ SectionTitleTwo.jsx      
      │   ├─ StyledImages.jsx
      │   ├─ TypographyVariants.jsx
      │   └─ Copyright.jsx
      │
      ├─ 📁 welcome/
      │   ├─ Welcome.jsx
      │   │
      │   ├─ WelcomeLogo.jsx
      │   ├─ WelcomeCompany.jsx
      │   ├─ WelcomeLine.jsx
      │   ├─ WelcomeLinks.jsx
      │   ├─ WelcomeButton.jsx
      │   └─ WelcomeParticles.jsx
      │
      ├─ 📁 navigation/
      │   ├─ Navigation.jsx
      │   │
      │   ├─ NavLogo.jsx
      │   ├─ NavLinks.jsx
      │   ├─ NavButtons.jsx
      │   ├─ NavDrawer.jsx
      │   └─ NavSplit.jsx
      │
      ├─ 📁 main/
      │   ├─ MainPage.jsx
      │   │
      │   ├─ MainCompany.jsx
      │   ├─ 📁 Company/
      │   │            
      │   ├─ MainGallery.jsx
      │   ├─ 📁 Gallery/
      │   │
      │   ├─ MainWhyUs.jsx
      │   ├─ 📁 WhyUs/
      │   │      
      │   ├─ MainObjects.jsx
      │   ├─ 📁 Objects/
      │   │ 
      │   ├─ MainContacts.jsx           
      │   └─ 📁 Contacts/
      │
      └─ 📁 pages/
         ├─ RoletsPage.jsx
         ├─ 📁 rolets/
         │
         ├─ GatesPage.jsx
         ├─ 📁 gates/
         │
         ├─ MotorsPage.jsx
         ├─ 📁 motors/
         │
         └─ page-styles-module.css
         

Try It Out

You can experience the app firsthand by visiting the link: https://rva.expert/