SIMULAING-WINDOW...
├─ .github/
│ ├─ ISSUE_TEMPLATE/
│ └─ workflows/
├─ node_modules/
│ └─ ...
├─ public/
│ ├─ android-chrome-192x192.png
│ ├─ android-chrome-512x512.png
│ ├─ apple-touch-icon.png
│ ├─ favicon-16x16.png
│ ├─ favicon-32x32.png
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ manifest.json
│ ├─ robots.txt
│ └─ worker.js
├─ src/
│ ├─ assets/
│ ├─ components/
│ ├─ containers/
│ ├─ theme/
│ ├─ utils/
│ ├─ App.css
│ ├─ App.js
│ ├─ App.test.js
│ ├─ index.js
│ ├─ index.scss
│ ├─ logo.svg
│ ├─ reportWebVitals.js
│ ├─ serviceWorker.js
│ └─ setupTests.js
├─ .gitignore
├─ LICENSE
├─ package-lock.json
├─ package.json
└─ README.md
Installation • Customization • Contributing • License • Live Demo
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/dawidolko/Simulaing-Windows-System-GUI
# Go into the repository
$ cd Simulaing-Windows-System-GUI
# Install dependencies
$ npm install
# Run the app
$ npm start
# Build the app
$ npm run build
Note: If you're using Linux Bash for Windows, see this guide or use node
from the command prompt.
-
Configuring User Data
Replace the configuration with your details by changing in user.config.js -
Configuring App Settings
Configure the App settings like enable/disable or showing the sidebar by changing in apps.config.js -
Configuring Wallpaper Settings
Configure the wallpapers in apps.config.js -
Configuring Firebase Analytics
Enable/disable the analytics by configuring in project.config.js -
Configuring Firebase Account
Note: This step can be skipped if analytics is disabled in step 4.
Add.env
file with the following firebase config
REACT_APP_APIKEY = firebase_apikey
REACT_APP_AUTH_DOMAIN = firebase_auth_domain
REACT_APP_DATABASE_URL = firebase_database_url
REACT_APP_PROJECT_ID = firebase_project_id
REACT_APP_STORAGE_BUCKET = firebase_storage_bucket
REACT_APP_MESSSAGING_SENDER_ID = firebase_messaging_sender_id
REACT_APP_APP_ID = firebase_app_id
REACT_APP_MEASUREMENT_ID = firebase_measurement_id
- Configuring EmailJS account
In the
.env
file add the emailJS account template id as below.
REACT_APP_EMAILJS_KEY = email_js_key
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
MIT
Portfolio dawidolko.com · GitHub @dawidolko · LinkedIn @/in/dawidolko