The latest articles on Forem by Abidi Ramzi (@ramziabidi). https://forem.com/ramziabidi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1264474%2F834d7339-7475-464b-8911-a905333da3ac.jpeg https://forem.com/ramziabidi en Abidi Ramzi Wed, 24 Jan 2024 21:36:13 +0000 https://forem.com/ramziabidi/open-source-pong-game-using-react-1b3b https://forem.com/ramziabidi/open-source-pong-game-using-react-1b3b <p>🚀 Introducing an Open-Source Pong Game with React</p> <p>Hey everyone! 👋 I'm thrilled to introduce Pong, an open-source Pong game built with React! <strong>(Work in progress)</strong> 🏓</p> <p>Project Overview:</p> <p>🎮 Name: Pong<br> 🔗 GitHub Repository: <a href="https://github.com/Ramzi-Abidi/Pong">https://github.com/Ramzi-Abidi/Pong</a></p> <h2> <strong>Features:</strong> </h2> <p><strong><em>Easy Controls:</em></strong><br> Simply move the paddle up and down to hit the ball in the opposite direction. Game on! 🏓🕹️ </p> <p><strong><em>Minimalistic Design:</em></strong><br> With minimalistic design and straightforward gameplay, Pong remains <br> a symbol of early gaming magic.</p> <p><strong><em>Ongoing Development:</em></strong><br> Currently a work in progress, stay tuned to experience the excitement of the original digital sport!</p> <h2> <strong>Contribute</strong> </h2> <p>🚀 Join the Fun! Contribute to ReactPong!</p> <p>Whether you're a seasoned React developer or just getting started, there are numerous ways to contribute to Pong:</p> <ul> <li>Pick up an open issue or suggest new features.</li> <li>Submit pull requests to address bugs or add enhancements.</li> <li>Help improve documentation or fix typos.</li> </ul> <p>🌟 Star the Repo!</p> <p>If you enjoy playing the game and appreciate the effort put into it, consider starring the repository! ⭐️ Your stars show support and help more developers discover this project.</p> <h2> <strong>Feedback:</strong> </h2> <p>🌟 We Want to Hear From You!</p> <p>Have thoughts, suggestions, or feedback about ReactPong? We'd love to hear from you! Feel free to:</p> <p>Share your high scores! 🚀<br> Suggest new features or improvements. 🛠️<br> General feedback or comments.</p> <h2> <strong>Screenshots</strong> </h2> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3w7hz0zflbur9le7j5l8.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3w7hz0zflbur9le7j5l8.PNG" alt="Pong: introduction view" width="800" height="403"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxicqvpicsdj5svdcmnaq.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxicqvpicsdj5svdcmnaq.PNG" alt="Gameplay view" width="800" height="405"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3bsy1pyf9p0tsu2ft7rb.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3bsy1pyf9p0tsu2ft7rb.PNG" alt="How to play view" width="800" height="401"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyp7uap0tac5spt8zy86.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyp7uap0tac5spt8zy86.jpg" alt="Feedback view" width="800" height="403"></a></p> <h2> <strong>Connect With Me:</strong> </h2> <p>GitHub: <a href="https://github.com/Ramzi-Abidi">https://github.com/Ramzi-Abidi</a><br> LinkedIn: <a href="https://www.linkedin.com/in/ramzi-abidi-335006210/">https://www.linkedin.com/in/ramzi-abidi-335006210/</a><br> Email: <a href="mailto:ramziabidi.dev@gmail.com">ramziabidi.dev@gmail.com</a></p> typescript opensource webdev react