Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coding-nerfilio/wordle-offline
Offline Wordle is a Progressive Web App (PWA) created using React. It is a clone of the popular online game Wordle, designed to be playable even without an internet connection. With Offline Wordle, you can enjoy the fun of guessing words and challenging yourself anywhere, anytime.
https://github.com/coding-nerfilio/wordle-offline
preact pwa react tailwindcss typescript vite-react
Last synced: about 1 month ago
JSON representation
Offline Wordle is a Progressive Web App (PWA) created using React. It is a clone of the popular online game Wordle, designed to be playable even without an internet connection. With Offline Wordle, you can enjoy the fun of guessing words and challenging yourself anywhere, anytime.
- Host: GitHub
- URL: https://github.com/coding-nerfilio/wordle-offline
- Owner: coding-nerfilio
- Created: 2024-03-28T04:07:14.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-30T22:32:27.000Z (9 months ago)
- Last Synced: 2024-10-19T09:06:13.857Z (2 months ago)
- Topics: preact, pwa, react, tailwindcss, typescript, vite-react
- Language: TypeScript
- Homepage: https://coding-nerfilio.github.io/wordle-offline/
- Size: 239 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Offline Wordle
Offline Wordle is a Progressive Web App (PWA) created using React. It is a clone of the popular online game Wordle, designed to be playable even without an internet connection. With Offline Wordle, you can enjoy the fun of guessing words and challenging yourself anywhere, anytime.
## Features
- **Offline Play**: Play the game even without an internet connection.
- **Responsive Design**: Enjoy a seamless experience across different devices and screen sizes.
- **Easy to Use**: Simple and intuitive user interface for a smooth gameplay experience.
- **Lightweight**: Small file size and optimized performance for fast loading times.
## Technologies Used
- **React**: Frontend library for building user interfaces.
- **Service Worker**: Enables offline functionality by caching resources.
- **Webpack**: Module bundler for optimizing and bundling assets.
- **Tailwind CSS**: Utility-first CSS framework for styling the app.
- **GitHub Pages**: Hosting platform for deploying the app.
## Getting Started
To run Offline Wordle locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/your-username/offline-wordle.git
```
2. Navigate to the project directory:
```
cd offline-wordle
```
3. Install dependencies:
```
npm install
```
4. Start the development server:
```
npm run dev
```
5. Open your browser and visit `http://127.0.0.1:5173/wordle-offline/` to view the app.
## Contributing
Contributions are welcome! If you'd like to contribute to Offline Wordle, please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to the branch (`git push origin feature/your-feature`).
6. Create a new pull request.
## License
This project is licensed under the [MIT License](LICENSE).
## Acknowledgements
Offline Wordle was inspired by the original Wordle game and built as a learning project.