DigiairX

💻 Technologies

Live Preview

Demo:

Details

Screen views

Desktop Light-Theme View:

Desktop Dark-Theme View:

Mobile View:

🌐 Origin

Personal

📝 Description

Offer digital services to businesses.

Features

• Real-time feedback form in Contact Section
• Fast

🎯 Relevance

Showcase prowess in React and UI/UX design.

👥 Intended Audience

Developers, users, and non-developers.

Note

Users can install all dependencies using package.json file via:

npm install

To use manageDeployments.sh:

sudo apt install gh
gh auth login
sudo apt-get install jq
chmod +x manageDeployments.sh
./manageDeployments.sh

📂 Files

Invert

File	Description
src/*	Source files that are bundled into the output directory dist/.
src/main.jsx	The main JavaScript entry point that bundling begins.
src/App.jsx	Main component where overall structure and other layout components of the app are contained.
src/assets/*	All assets(images, icons, vids) used in website.
src/About	Component and stylesheet for About section.
src/Home	Component and stylesheet for Home section.
src/Load	Component and stylesheet for Load displayed at page load.
src/Contact	Component and stylesheet for Contact section.
src/Footer	Component and stylesheet for Footer section.
src/Logo	Used to generate logo img.
src/Navigation	Component and stylesheet for Navigation section.
src/ScrollTo	Make a click on each component move to top.
src/Services	Component and stylesheet for Services section.
Background.jsx	Display particles on background
src/reset.css	Resets style to default for consistency across different devices and browsers.
dist/*	Output files from bundling of files in directory src/.
dist/main.js	Main JavaScript output file that contains the bundled JavaScript code. Code is minified and optimized for deployment (Due to mode set to production in webpack config).
package*	Contains details of project and dependencies versions.
readme-assets/*	Live demo and different screen views used in README.md.

©️ Credit

Invert

File	Description

🔄 Improvements

Invert

• Improve performance
• Use api to give country codes for numbers
• Move components to components/
• Add newsletter subscription to Home and Contact sections
• Add Content creation, Social media management(Including sale of accounts), Automation, Data analysis, AI services(Including ChatBots), Art Design, Video Production, Mobile apps, Game Development
• Group services into main categories
• change root from div to body in React

👤 Curator

1. Ace Da Costa Silvanus

🞁 Top