Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dawidolko/simulaing-windows-system-gui

A portfolio website based on the theme of Windows 10.
https://github.com/dawidolko/simulaing-windows-system-gui

applications portfolio portfolio-os-theme programming projects theme windows

Last synced: 2 months ago
JSON representation

A portfolio website based on the theme of Windows 10.

Awesome Lists containing this project

README

        





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.


GitHub Workflow Status (branch)
Website


Installation
Customization
Contributing
License
Live Demo

## Installation

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# 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](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.

## Customization

1. Configuring User Data

Replace the configuration with your details by changing in [user.config.js](src/utils/data/user.config.js)

2. Configuring App Settings

Configure the App settings like enable/disable or showing the sidebar by changing in [apps.config.js](src/utils/data/apps.config.js)

3. Configuring Wallpaper Settings

Configure the wallpapers in [apps.config.js](src/utils/data/apps.config.js)

4. Configuring Firebase Analytics

Enable/disable the analytics by configuring in [project.config.js](src/utils/data/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

```sh
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.

```sh
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](https://dawidolko.pl)  · 
> GitHub [@dawidolko](https://github.com/dawidolko)  · 
> LinkedIn [@/in/dawidolko](https://www.linkedin.com/in/dawidolko/)