Flashcards Challenge Project (Redux)

Congratulations on completing your project! :tada:

Compare your project to our solution code and share your project below! Your solution might not look exactly like ours, and that’s okay! The most important thing right now is to get your code working as it should (you can always refactor more later). There are multiple ways to complete these projects and you should exercise your creative abilities in doing so.

This is a safe space for you to ask questions about any sample solution code and share your work with others! Simply reply to this thread to get the conversation started. Feedback is a vital component in getting better with coding and all ability levels are welcome here, so don’t be shy!

About community guidelines: This is a supportive and kind community of people learning and developing their skills. All comments here are expected to keep to our community guidelines

How do I share my own solutions?

  • If you completed the project off-platform, you can upload your project to your own GitHub and share the public link on the relevant project topic.
  • If you completed the project in the Codecademy learning environment, use the share code link at the bottom of your code editor to create a gist , and then share that link here.

Do I really need to get set up on GitHub?

Yes! Both of these sharing methods require you to get set up on GitHub and trust us, it’s worth your time. Here’s why:

  1. Once you have your project on GitHub, you’ll be able to share proof of your work with potential employers, and link out to it on your CV.
  2. It’s a great opportunity to get your feet wet using a development tool that tech workers use on the job, every day.

Not sure how to get started? We’ve got you covered - read this article for the easiest way to get set up on GitHub .

Best practices for asking questions about the sample solution

  • Be specific! Reference exact line numbers and syntax so others are able to identify the area of the code you have questions about.

Hi guys and gals,

This is my solution for the flashcards project. Pretty fun project!

4 Likes

My solution to this project below.

Small feedback on this exercise. The points in the exercise are quite “open” and it does say it in he beginning.

While you are doing be aware you will only be able to visualise topics, quizzes and cards after you set up the reducers in store.js and the selectors in the related *.js files.

For all 3 (topics, quizzes and cards) you need slice files (to define initialStates, selectors, actions and reducers), connect the 3 reducers to the store, and give access in all files to the store via useSelector(selector).

Hardship and thinking about it on your own , I think, also makes part of the exercise. I only realised I was missing the cardsReducer overnight but only after checking every single file over and over.

Good luck!

1 Like

Here is my solution for the project

Good luck !

Hi everyone,

Here’s my solution to the Flashcards project: https://github.com/atanas-dim/flashcards-react-redux

Also deployed with Github Pages: http://www.atanasdim.com/flashcards-react-redux/

Here my solution for the Flash-cards Project.

hey guys,
done with the flash cards project :partying_face:
Here is my solution

Hey , i have completed this project but what is the point of this we are not getting to learning something new . We are just practising the same process . I would like Code Academy to add more challenging projects such as the Jamming Project in the previous lessons . Having to deal with challenges makes you a better developer not implementing the same thing 100 times ( you might get good at it but still , you are only gaining experience ).

Hey @gigawhiz85773, sorry to hear that you felt the project to be too repetitive, and thank you for taking the time to provide your thoughts. We are always striving to improve our curriculum and your feedback is greatly appreciated!

While we certainly agree that challenging projects are an important part of the process of becoming a better developer (have you had a chance to try the React Redux Portfolio Project?), at Codecademy we also focus on another important aspect of learning programming: taking a process or code solution that you understand and applying it to a new situation. We think that this provides a valuable opportunity to not only solidify your understanding of the material but also to identify patterns in software.

2 Likes

I was happy to do this project and it did not feel repetitive to me. After each of the React projects I felt more like I knew what I was doing and why. The React and Redux content is complex and the more exercise the better. And due to the dispatching of IDs to another slice I think there is enough variation.

1 Like

Hello everyone,

this is my solution! Enjoy!

Loved the project!

https://github.com/marijand/codecademy-flashcards-starter

Hello everyone,

Here is my Flashcards challenge,

:raccoon:

Flascards - Challenge Project (REDUX)

2 Likes

Hey! Completed the Flashcards project. A few small issues along the way like forgetting to add to the store and things not rendering correctly but overall was good. I added local storage just to make it more usable.

I wish more of the routing had been left to us as I feel as though I could do with a bit more practice.

You can see the code here on GitHub - jamesHarradon/flashcard-project
and live here https://jims-flashcard-quiz.netlify.app/

1 Like

Hi folks! I finished the Flashcards project.

I tried to do this one with TDD, but I’m struggling with tests a bit. I think I have an ok handle on unit testing, but integration testing still melts my brain.

Would be very happy to receive any feedback about my tests!

Here is my Flashcards project. Let me know what you guys think!

git remote add origin GitHub - MaxwellHouston/React-Redux-Flashcards: Flashcards project for Codecademy using React and Redux

I just finished the project. I had issues rendering the Topic and Quiz pages, as well as adding cards to state, while doing the project on-platform, but I had no problems whatsoever doing the project off-platform. Perhaps those are issues the Codecademy dev team could take a look at.

Here’s my solution: https://github.com/DavyK17/flashcards