Wordly is an engaging word-guessing game built with Vue.js, inspired by the popular game Wordle. Test your vocabulary and deduction skills by trying to guess the hidden word within a limited number of attempts!
- ๐น๏ธ Daily word challenges
- โฑ๏ธ Time-based gameplay (10 minutes per game)
- ๐ Game history and statistics
- ๐ Weekly leaderboard
- ๐พ Auto-save game progress
- ๐จ Sleek and responsive design
- ๐ Dark mode interface
- ๐ Victory animations
- Node.js v20.9.0 or higher
- npm (comes with Node.js)
- Clone the repository:
git clone https://github.com/thomas-rx/Wordly-VueJS.git
cd wordly
- Install dependencies:
npm install
- Create a
.env
file in the root directory with your Firebase configuration:
VUE_APP_API_URL=your_api_url
VUE_APP_FIREBASE_API_KEY=your_api_key
VUE_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
VUE_APP_FIREBASE_PROJECT_ID=your_project_id
VUE_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VUE_APP_FIREBASE_APP_ID=your_app_id
VUE_APP_FIREBASE_MEASUREMENT_ID=your_measurement_id
Run the development server:
npm run serve
Create a production build:
npm run build
Run the test suite:
npm run test
- Start a new game by clicking "Dรฉmarrer une partie"
- Try to guess the 5-letter word within 6 attempts
- After each guess:
- Green tiles indicate correct letters in the right position
- Yellow tiles indicate correct letters in the wrong position
- Gray tiles indicate letters not in the word
- Complete the word before the 10-minute timer runs out!
- Vue.js 3 - The Progressive JavaScript Framework
- Vuex - State Management
- Firebase - Backend & Database
- Tailwind CSS - Styling
- Day.js - Date Management
- Confetti-js - Victory Animations
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.