this project EcoCritters is a fun interactive ecosystem simulation built with React that models how articicial selection affects organisms generation after geenration. The project visualizes disrupting wildlife has negative effects.
*Creature Generation – Randomly generates creatures with traits such as speed and behavior. Population Tracking – Uses charts to visualize ecosystem changes over time. *Real-time Simulation – Creatures move and interact dynamically during the simulation.
- React
- JavaScript
- Recharts (for data visualization)
- HTML / CSS
- Creatures are generated with random attributes.
- Choose to feed a particular creature
- Creatures population size rapildly increases, forcing other creatures into extinction
- Population changes are tracked and visualized using charts.
Clone the repository:
git clone https://github.com/ebubenwasike/ecoCritters.gitNavigate into the project folder:
cd ecoCrittersInstall dependencies:
npm installRun the development server:
npm run devecoCritters/
│
├── src/
│ ├── App.jsx
│ ├── assets/
│ │ ├── creatures/
│ │ └── food.png
│ └── components/
│
├── public/
└── README.md
(Run App.jsx)
- Add reproduction and evolution mechanics
- Introduce predator/prey relationships
- Improve AI behavior for creatures
- Add more ecosystem variables (weather, terrain)
Ebube Nwasike <33333🩷🌞
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.