#30DaysofMiniProject #day11of30DaysofMiniProject Day-11 🚀 Excited to announce my latest project! Introducing a multilingual React application with a language selection feature! 🌐✨ 🔍 Project Overview: I'm thrilled to unveil my newest mini-project built using React and React-i18next. This application allows users to seamlessly switch between multiple languages, enhancing accessibility and user experience for a diverse audience. 🌍 Supported Languages: English 🇺🇸 Hindi 🇮🇳 French 🇫🇷 Arabic 🇦🇪 and You can add more language as you want 🎨 Usability: Users can simply click on their preferred language button to instantly switch the entire interface, which dynamically updates the content based on the selected language. 🔗 Tech Stack: React React-i18next Tailwind CSS 📦 Dependencies: i18next: ^23.10.0 i18next-browser-languagedetector: ^7.2.0 i18next-http-backend: ^2.5.0 react: ^18.2.0 react-dom: ^18.2.0 react-i18next: ^14.0.5 👨💻 Try It Out: Experience the project first-hand and explore its features! Simply navigate the language options and witness the content adapt in real-time. 📂 GitHub Repository :- https://lnkd.in/dD9ZANZN 📂 Deployment link:- https://lnkd.in/dvKmG343 #React #Reacti18next #Multilingual #WebDevelopment #LanguageSelector #Accessibility #Inclusion #Tech #OpenSource #GitHub #LinkedIn
Yash Jariwala’s Post
More Relevant Posts
-
🚀 Excited to announce a new update to CodeAmong! 🚀 We're taking collaborative coding to the next level with the addition of "video call functionality!" Now you can not only code together in real-time but also communicate face-to-face, making remote collaboration even more seamless. New Feature: Video Call Integration - Technology: WebRTC & PeerJS - Benefits: Enhanced communication, better collaboration, and more productive pair programming sessions. Recap of CodeAmong Features: - Room Creation: Easily create and join coding sessions. - Multi-User Collaboration: Code together with your team in real-time. - Integrated Chat: Communicate directly within the code editor. - Real-Time Communication: Powered by Socket.io for instant updates. - Code Editor: Built with Ace for a robust coding experience. Tech Stack: - Frontend: ReactJS - Backend: NodeJS - Real-Time Communication: Socket.io - Code Editor: Ace - Video Call: WebRTC & PeerJS Project Links: - [CodeAmong Project](https://lnkd.in/gkBjw3GM) - [GitHub Repository](https://lnkd.in/gYzWsW3W) - [Demo Video](https://lnkd.in/ggwnCBYQ) I'm thrilled with how CodeAmong is evolving, and I can't wait for you to experience the new video call feature. Give it a try and let me know your thoughts! #CodeAmong #CollaborativeCoding #ReactJS #NodeJS #SocketIO #AceEditor #WebRTC #PeerJS #GitHub #DemoVideo #RemoteCollaboration #VideoCall Feel free to share your feedback and suggestions. Happy coding! 🚀
To view or add a comment, sign in
-
🚀 Exciting News! 🚀 I am thrilled to share that two more articles of mine have been published on Geeksforgeeks today! 1️⃣ The first article dives into the realm of internationalization within React components. 🌐 Implementing Internationalization in React Components opens up a world of possibilities for developers to create multilingual applications, catering to diverse audiences across the globe. Check it out for insights and practical tips on how to seamlessly integrate internationalization features into your React projects! 2️⃣ The second article explores the journey of deploying JavaScript applications with Netlify. 💻 From development to deployment, How to Deploy JavaScript Apps with Netlify guides you through the process step-by-step, making deployment a breeze. Whether you're a seasoned developer or just starting your journey, this article is packed with valuable information to help you streamline your deployment workflow. I'm grateful for the opportunity to contribute to the developer community through GeeksforGeeks, and I hope these articles inspire and empower fellow developers in their projects. Check out the articles here: 1. https://lnkd.in/gSyjHK-A 2. https://lnkd.in/gRym8F-D Happy reading and happy coding! 🚀💻 #React #JavaScript #Netlify #Geeksforgeeks #DeveloperCommunity
To view or add a comment, sign in
-
Full Stack Developer @ChatGptWriter | Software Engineer | Owner of 2 YT Channels | Freelancer | 22 Y.O. | College Dropout
🚀 Excited to share my latest project: Language Buddy! 🌐📚 I've just wrapped up creating a web app using React with TypeScript, Redux Toolkit, RTK Query, and Tailwind CSS. 🚀 Language Buddy is a fun and interactive language-learning application, inspired by the popular Duolingo model. 🌍🔤 I designed this app as a personal challenge to enhance my TypeScript skills with React. 🌟 Key Features: Multilingual Learning: Choose from four languages - Hindi, Japanese, Spanish, and French. Dynamic Vocabulary: Click on a word, and you'll receive 8 random words in your chosen language along with their English translations. Learning Page: Dive into a learning session and familiarize yourself with the new words. Quiz Time: Test your knowledge with a quiz to see how well you've learned the words. Instant Feedback: Receive immediate results after completing the quiz, whether you pass or need a little more practice. Endless Learning: Refresh the words anytime, and you'll get a new set of random words to keep the learning experience fresh and exciting. I had a blast developing Language Buddy, and it's been an incredible journey exploring the capabilities of TypeScript, Redux Toolkit, and RTK Query. 💻✨ Feel free to check it out here and let me know what you think! 🚀🌐 LINK: https://lnkd.in/ggzqhX9M Thank to my mentor Harkirat Singh, his way of teaching helps to learn things faster.✨ #React #TypeScript #ReduxToolkit #RTKQuery #TailwindCSS #LanguageLearning #WebDevelopment #CodingJourney #LanguageBuddy
To view or add a comment, sign in
-
Flutter Developer. | Freelancer |Dart | Getx | Provider | Rest-Api | Postman | Firebase | Git | Github | Figma | canva | Adobe Lightroom | ThirdPartyLibaries
Hey connections , i am excited to announce that i completed language translatingapplication using with flutter and deep-api , its very user friendly interface and easy to use ,and you can translate any language but only 121 language availible in this application . 🔷 Technology used : 🔸 Flutter 🔸 Deep-Api 🔸 Http 💠 Packages used : 🔸 Http , github:https://lnkd.in/gW8aEP9h #technology #connections #language #languagetranslation #googletranslate
To view or add a comment, sign in
-
CSE Grad || 5 🌟 Hacker Rank Problem Solving || React js || MERN Stack || Blockchain Hyperledger Fabric
🌐 Exciting Update: Presenting my latest achievement - a Live Language Translation Project powered by HTML, CSS, JavaScript, and ReactJS! 🎉🔍 Breaking down language barriers and bringing people closer together through technology has been a fantastic journey. 📚 Leveraging the magic of React, this project offers seamless real-time translation with a user-friendly interface crafted using HTML & CSS. The integration of JavaScript adds interactivity, while React's component-based architecture ensures modularity and maintainability. 🚀 Ready to see it in action? Feel free to explore the live demo and experience the future of cross-cultural communication firsthand! 🔗 Keen to delve into the technical side? The GitHub repository https://lnkd.in/d9FFy5Vn holds the entire codebase, where you can dissect the implementation details and maybe even contribute your expertise. Thank You So much!! CodeClause for this wonderful opportunity. Task 1 Completed!! #LanguageTranslation #ReactJS #WebInnovation #HTMLCSSJS #LearningThroughCode
To view or add a comment, sign in
-
🚀 Personal Project Spotlight: "Video to Transcript Converter" 📽️📜 As a tech enthusiast, I've been working on a personal project that I'm excited to share with you all. It's a "Video to Transcript Converter," a tool I built to simplify the process of transcribing YouTube videos into written text. 🎥✍️ 🌟 Key Features: ✅ Effortless Transcription: Easily transcribe your favorite YouTube videos into text format. 🌐 Multilingual Support: It supports transcription in various languages. 💻 User-Friendly: I designed it with a user-friendly interface, ensuring a seamless experience. 🛠️ Tech Stack: Frontend: React Backend: Node.js (Express) API Integration: Axios Deployment: netlify Open-Source: GitHub 👉 How It Works: Copy and paste the YouTube video URL you want to transcribe. Select your preferred language for the transcription. Click "Get," and you'll have the spoken content transcribed. 🔗 Get Started: If you'd like to try it out, you can find the project on my ,https://lnkd.in/gE8JNhxK, honestly dont try it out because i only have limited api hits,just view the code and bounce.. #PersonalProject #TechInnovation #VideoTranscription #Accessibility #OpenSource #YouTube #react #nodejs #chatgpt
To view or add a comment, sign in