Read in another language: Русский, English.

---

life-simulator

(To be fair, it's a particle interaction simulator, but life simulator sounds more clickable)

Libraries used:

• react - for easy development of the user interface
• reduxjs/toolkit - for state management
• node-sass - for working with sass/scss
• react-color-palette - for a palette with the ability to select the particle color
• react-custom-scrollbars - for the scrollbar to work properly
• react-icons - just handy svg icons
• react-media - media queries for site customization
• react-slider - slider for setting values

In the simulation you can generate and fine tune the interaction between each selected particle, but since a normal user would be too lazy to do all this, I added buttons that do the random customization for the user

---

Screenshots:

1. (Example of generation #1)

2. (Example of generation #2)

3. (Example of generation #3)

5. (Disabling "canvas cleanup")

6. (Color choice)

---

Start-up instructions

You can view the finished version of the site by clicking on the link: https://lenkinma.github.io/life-simulator/

If you want to run the site on your computer, follow these instructions:

1. Make sure you have an LTS version of Node.js installed on your computer. Download and install it if necessary.
2. Clone this repository.
3. Using the terminal or IDE, navigate to the project folder.
4. Install the project's base dependencies with the npm install command.
5. Start the application by executing the npm start command.
6. Done! Go to the following address in your browser: http://localhost:3000.

---

Any questions? My contacts: