Ice OS is a browser based OS inspired by Windows xp, the theme has be altered to fit an ice penguin aesthetic.
Ice OS features include the applications: About, Surfwave Fury, Music, and Random GIFs. All Apps are able to resize, drag, close and minimize. The taskbar displays a start menu that lists all applications, a clock in the bottom right along with a fullscreen button, and stores open applications.
The log off button on the start menu will redirect the user to a YouTube video of Rick Astley - Never Gonna Give You Up (Official Music Video) The link in use is : https://www.youtube.com/watch?v=dQw4w9WgXcQ.
Displays Ice OS README.Md's content.
The SurfWave Fury App is a JavaScript game created by the Surfing Penguins in 2022. Please find the GitHub link here: https://github.com/iO-Academy/2022-july-keyboard-race. The application can be opened from the start menu on the Browser OS, to launch the application you need to open the start menu and then click on the SurfWave Fury button. Once the app has been launched you would be able to play the game, view the local leaderboard, and minimise and close the App.
The music application is a React Player media player, set to play https://soundcloud.com/vista-boy/macintosh-plus-floral-shoppe-full-album. The application can be opened from the start menu on the Browser OS, to launch the music application you need to open the start menu and then click on the Music button. Once the app has been launched you would be able to play and pause the music, and minimise and close. This application makes use of the React Player installed via npm.
The Random GIFs application display randomly generated GIFs from GIPHY via api.
The project was made using the following:
- npm React Player
- npm React Draggable
- npm Screenfull
To run this project, install locally using npm:
$ cd ../newDirectoryName
$ npm install
$ npm start
This project was bootstrapped with Create React App.
npx create-react-app my-new-typescript-app --template typescript
Clone the repository with this bash command:
git clone git@github.com:iO-Academy/2022-jul-ice-os.git
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
- The feature to minimize and maximize applications on the header has not been implemented
- You will also see any lint errors in the console.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
- Jo Loe @JVLoe
- Josh Bennet @JoshuaBennet
- Mike Oram @SlothSan
- Nicolas Herbreteau @nico-dev-it