windows.dawidolko.pl

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

A customizable portfolio website based on Microsoft Windows 10 theme.

Installation • Customization • Contributing • License • Live Demo

Installation

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.

Customization

1. Configuring User Data
   Replace the configuration with your details by changing in user.config.js

2. Configuring App Settings
   Configure the App settings like enable/disable or showing the sidebar by changing in apps.config.js

3. Configuring Wallpaper Settings
   Configure the wallpapers in apps.config.js

4. Configuring Firebase Analytics
   Enable/disable the analytics by configuring in project.config.js

5. 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

6. Configuring EmailJS account In the .env file add the emailJS account template id as below.

REACT_APP_EMAILJS_KEY = email_js_key

Contributing

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.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

MIT

---

Portfolio dawidolko.com  ·  GitHub @dawidolko  ·  LinkedIn @/in/dawidolko