Update README.md (algorithm-visualizer#367)

thomasthomas882 · web-flow · commit 18de2edf6b62 · 2023-11-18T07:28:48.000-08:00
imrpoved the readme file by clarifying and imrpoving the readbility of frameworks and languages necessary to do the project.
diff --git a/README.md b/README.md
@@ -1,17 +1,47 @@
 # Algorithm Visualizer
 
-> Algorithm Visualizer is an interactive online platform that visualizes algorithms from code.
+## Introduction
+Welcome to Algorithm Visualizer, an interactive online platform designed to bring algorithms to life through visualization. Whether you're a student, teacher, or professional, our platform provides an engaging way to explore and understand various algorithms.
 
 [![GitHub contributors](https://img.shields.io/github/contributors/algorithm-visualizer/algorithm-visualizer.svg?style=flat-square)](https://github.com/algorithm-visualizer/algorithm-visualizer/graphs/contributors)
 [![GitHub license](https://img.shields.io/github/license/algorithm-visualizer/algorithm-visualizer.svg?style=flat-square)](https://github.com/algorithm-visualizer/algorithm-visualizer/blob/master/LICENSE)
 
+## Languages and Frameworks Used
+[![Languages](https://skillicons.dev/icons?i=html,css,js,react,nodejs,redux)](https://skillicons.dev)
+
+
+## Key Features
+<ul> 
+<li>
+
+### Visualize algorithms from code:
+Algorithm Visualizer allows you to witness algorithms in action by visualizing code written in various programming languages. This visual approach facilitates a better understanding of algorithmic behavior..</li>
+<li>
+
+### Learn about Algorithms:
+Explore our collection of tutorials, articles, and videos that serve as valuable resources for learning about algorithms.
+</li>
+</ul>
+
+## algorithms
+In this repository, you'll find visualizations of algorithms showcased in the website's side menu. Contributions here directly impact the educational content available on the platform.   https://github.com/algorithm-visualizer/algorithms</li>
+</ul>
+
+
+## tracers
+Explore the various visualization libraries in different programming languages. These libraries extract visualization commands from code.
+https://github.com/search?q=topic%3Avisualization-library+org%3Aalgorithm-visualizer&type=Repositories</li>
+</ul>
+
+## Live Demo
 Learning an algorithm gets much easier with visualizing it. Don't get what we mean? Check it out:
 
 [**algorithm-visualizer.org**![Screenshot](https://raw.githubusercontent.com/algorithm-visualizer/algorithm-visualizer/master/branding/screenshot.png)](https://algorithm-visualizer.org/)
 
 ## Contributing
 
-We have multiple repositories under the hood that comprise the website. Take a look at the contributing guidelines in the repository you want to contribute to.
+Our project consists of multiple repositories, each playing a crucial role in the Algorithm Visualizer ecosystem. If you're interested in contributing, check out the guidelines for the specific repository:
+
 
 - [**`algorithm-visualizer`**](https://github.com/algorithm-visualizer/algorithm-visualizer) is a web app written in React. It contains UI components and interprets commands into visualizations. Check out [the contributing guidelines](CONTRIBUTING.md).
 
@@ -20,3 +50,5 @@ We have multiple repositories under the hood that comprise the website. Take a l
 - [**`algorithms`**](https://github.com/algorithm-visualizer/algorithms) contains visualizations of algorithms shown on the side menu of the website.
 
 - [**`tracers.*`**](https://github.com/search?q=topic%3Avisualization-library+org%3Aalgorithm-visualizer&type=Repositories) are visualization libraries written in each supported language. They extract visualizing commands from code.
+
+Ready to contribute? Explore the repositories and become part of the Algorithm Visualizer community!
