https://github.com/infinite-null/react-structs
React-Structs is an open-source project that brings data structures to life with interactive visualizations and animations. Built using React Native, this project aims to make learning data structures intuitive, fun, and accessible on Android
https://github.com/infinite-null/react-structs
cross-platform data-structures educational interactive open-source react-native visualization
Last synced: about 1 year ago
JSON representation
React-Structs is an open-source project that brings data structures to life with interactive visualizations and animations. Built using React Native, this project aims to make learning data structures intuitive, fun, and accessible on Android
- Host: GitHub
- URL: https://github.com/infinite-null/react-structs
- Owner: Infinite-Null
- Created: 2024-11-23T15:04:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-23T17:11:57.000Z (over 1 year ago)
- Last Synced: 2025-01-24T01:39:03.761Z (about 1 year ago)
- Topics: cross-platform, data-structures, educational, interactive, open-source, react-native, visualization
- Language: TypeScript
- Homepage:
- Size: 237 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Structs
React-Structs is an open-source project for visualizing data structures interactively using React Native. Designed for learners, educators, and developers, this project simplifies complex data structures by bringing them to life through interactive visualizations.
## Features
- 🌟 Interactive Visualizations: Explore how data structures like Arrays, Stacks, Queues, and Trees work.
- 🛠️ Customizable and Extensible: Built with a modular architecture, making it easy to add new structures or features.
- 📱 Cross-Platform Support: Works seamlessly on both Android and iOS devices using React Native.
- 🔧 Code Quality Tools: Includes ESLint and Prettier for consistent code formatting and linting.
- 🚀 Modern Developer Experience: Pre-configured with Husky and Lint-Staged for pre-commit checks, and GitHub Actions for CI.
## Getting Started
Follow these instructions to set up the project locally:
### Prerequisites
• Node.js: v18 or higher
• npm
• Git installed
• React Native CLI
### Installation
1. Clone the repository
```bash
git clonehttps://github.com/Infinite-Null/React-Structs
cd react-structs
```
2. Install dependencies:
```bash
npm install
```
3. Run the app
```bash
npm run start
```
## Development Workflow
#### Linting and Formatting
• Ensure your code meets linting and formatting standards:
```
npm run lint
npm run format
```
#### Pre-Commit Hooks
• Husky runs linting and formatting checks automatically before commits.
#### Pull Request Linting
• GitHub Actions ensure that all pull requests pass linting checks before merging.
## Contributing
We welcome contributions! Follow these steps to contribute:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
3. Commit your changes:
```bash
git commit -m "feat: Add new feature"
```
4. Push to your branch:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request.
## Acknowledgments
Special thanks to all contributors who make this project better! ❤️