# Card Memory Game ### By Abby & Joe --- ## Demo We hosted our site on Netlify. Click [here](https://clinquant-crumble-ff5a2f.netlify.app/) --- ## Roles **Abby**: DevOps & UX Lead **Joe**: QA & Scrum Facilitator --- ### Who choose the project? 🖥️ ![](https://i.imgur.com/PRbb2q2.png =200x) --- ## How we worked together? We pair programmed for the majority of the project. 💻 ⌨️ 👨‍💻 👩‍💻 --- ## What we are proud of? 1. Learning how to deploy an app to Netlify 2. Fault finding (For our many many bugs 🪲 🐛 🐞) 3. Using JSX to create DOM elements. 4. The cards now flip! :100: ![](https://cdn.discordapp.com/attachments/985933706093027408/1032979040581193799/Screenshot_2022-10-21_at_12.29.45.png) --- ## What we learnt? 1. How to create different routes in React ![](https://i.imgur.com/lccUIeD.png =600x) --- ![](https://i.imgur.com/P7az2Er.png) --- ![](https://cdn.discordapp.com/attachments/985933706093027408/1032980071004246016/Screenshot_2022-10-21_at_12.33.54.png) --- ## What we learnt? 1. Importing images and deployment to Netlify ![](https://i.imgur.com/5mG59ve.png =500x) --- ## Our Struggles! <iframe src="https://giphy.com/embed/Ofo2Z3DnjvAHa4WJOf" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/studiosoriginals-Ofo2Z3DnjvAHa4WJOf"></a></p> --- ## What we struggled with? 1. Deploying an app with different routes/images to Netlify. 2. The JS logic. Stopping a user from selecting the same card more than once. 3. Overcoming certain blockers. --- ## Thanks For Listening. ![](https://media.giphy.com/media/df2hrDO6GYorzi5AxQ/giphy.gif)
{"metaMigratedAt":"2023-06-17T12:18:38.948Z","metaMigratedFrom":"Content","title":"Card Memory Game","breaks":true,"contributors":"[{\"id\":\"4c77e5e9-f4f9-4fd4-992e-c452ec33f51c\",\"add\":70,\"del\":19},{\"id\":\"635b4dfc-1553-4056-a125-e29c0433ae59\",\"add\":1805,\"del\":175}]"}
    155 views
   Owned this note