Udacity React Nanodegree

Second Project : Would You Rather

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template for the second project of Udacity React Nanodegree, to evaluate understanding of Redux knowledge.

In the "Would You Rather?" Project, you'll build a web app that lets a user play the “Would You Rather?” game. The game goes like this: A user is asked a question in the form: “Would you rather [option A] or [option B] ?”. Answering "neither" or "both" is against the rules.

This app allow users to be able to answer questions, see which questions they haven’t answered, see how other people have voted, post questions, and see the ranking of users on the leaderboard.

npm start (How to Install)

# clone the repository
git clone https://github.com/epegase/UdacityReactND-WouldYouRather

# navigate to the root directory
cd UdacityReactND-WouldYouRather

# install the dependencies
npm install

# runs the app in the development mode
npm start

Open http://localhost:3000 to view it in the browser.

In Progress

• Comments and refactoring of codebase
• Perfomance Optimization (use of memo hook ?)
• Better User Experience (CSS...)
• Add Spinner and Skeleton UI for pending requests
• Deploy the App
• Do a course tutorial in Youtube for Redux

Credits

To complete this project, I read or watch the following ressources :

• Redux Fundamentals, Redux Documentation
• Redux Essentials, Redux Documentation.
• To Know more about createEntityAdapter i use to normalise my state, i read the api documentation and watch the createEntityAdapter tutorial of Rowadz in Youtube, highly recommended.
• To get a difference of Arrays (intersection of two arrays), i borrow the function in the article "Intersection and Difference of Arrays in JavaScript"
• Credit to the repository of Marianna. I observed how she approached redux data flow and connect redux store with react components.