A full-featured word memorization app built with React. The app helps users learn advanced English vocabulary through spaced repetition, gamification, and local data persistence. It works on both desktop and mobile and can be deployed to the web.
Note: This was a small project I built to learn and practice working with React.
- Daily scheduling of words to practice
- Local data persistence using
localStorage - Streaks and progress tracking for motivation
- Responsive design for desktop and mobile
1. Clone the repository:
git clone https://github.com/AsinOmal/React-word-memory-app.git
cd React-word-memory-app2. Install the dependencies:
npm install3. Run the project locally:
npm run devThe app will be available at http://localhost:5173/ (default Vite port).
- Open the app in your browser.
- Practice the scheduled vocabulary words for the day.
- Progress and streaks are saved automatically in your browser.
React-word-memory-app/
├── public/ # Static assets
├── src/ # Main source code
│ ├── components # React components
│ ├── layouts # Layout components
│ ├── utils # Utility functions and custom hooks
│ └── App.jsx # Main application file
├── package.json # Project configuration
└── README.md # Documentation
This project does not require external API keys or environment variables. All data is stored locally in the browser.
You can deploy the app easily to hosting platforms such as Netlify or Vercel.
For Netlify:
-
Push your code to GitHub.
-
Connect your repository to Netlify.
-
Set build command:
npm run build
-
Set publish directory:
dist
Contributions are welcome!
- Fork the repo
- Create a new branch (
git checkout -b feature-name) - Commit changes (
git commit -m "Added feature") - Push to branch (
git push origin feature-name) - Open a Pull Request
This project is licensed under the MIT License.