Welcome to the frontend repository of the Online Memory Game! This project is built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, with Tailwind CSS for styling and react-oauth/google for Google OAuth authentication.
The frontend of the Online Memory Game is responsible for providing a user-friendly interface and handling the interactive gameplay experience. It leverages React.js along with Tailwind CSS to create an engaging and visually appealing game environment. The integration of react-oauth/google allows users to sign in using their Google accounts, enhancing the authentication and user experience.
- Intuitive card matching gameplay with smooth animations.
- Responsive design for seamless gameplay on various devices.
- Stylish UI components and custom card styles using Tailwind CSS.
- Google OAuth authentication for a secure and convenient sign-in process.
- Integration with backend API to handle game logic and data storage.
- React.js: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for styling the UI components.
- Axios: A promise-based HTTP client for making API requests.
- react-oauth/google: A library for implementing Google OAuth authentication in React applications.
- React Router: A library for routing and navigation within a React application.
To get started with the Online Memory Game frontend, follow these steps:
- Clone the repository:
https://github.com/abdullah-alaadine/online-memory-game-client/ - Install the dependencies:
npm install - Configure the backend API endpoint in API folder and Google OAuth credentials in the
.envfile. - Start the development server:
npm run dev
Make sure to also set up and run the backend server by referring to the backend repository.
Contributions are welcome! If you'd like to contribute to the Online Memory Game frontend.