Merge branch 'master' of https://github.com/alexgurr/react-coding-challenges

Author: Alex Gurr

README.md

@@ -7,51 +7,63 @@ A series of **ReactJS coding challenges** with a variety of difficulties. Deep d
 ## The Challenges
 ### Easy 🙂
 ##### 🚀 [Rocket Ship](https://github.com/alexgurr/react-coding-challenges/tree/master/rocket-ship)
-Unecessary re-renders, fine grained control 
+Unecessary re-renders, fine grained control.
 
  
 ### Medium 😐
 ##### 🌙 [Dark Mode](https://github.com/alexgurr/react-coding-challenges/tree/master/dark-mode)
-State/Shared State, DOM manipulation
+State / shared state, DOM manipulation.
 
-##### <img width="100px" src="https://puu.sh/HoZq9/88ebf554b5.jpg" /> ![later](https://badgen.net/badge/status/coming%20later/yellow?icon=)
-Data visualisation and graphing. API usage
+##### <img width="100px" src="https://puu.sh/HoZq9/88ebf554b5.jpg" /> ![soon](https://badgen.net/badge/status/coming%20soon/green?icon=)
+Data visualisation and graphing. API usage.
 
 &nbsp;
 ### Hard 😬
 ##### 🎧 [Spootify](https://github.com/alexgurr/react-coding-challenges/tree/master/spootify)
-Loading state, API usage 
+Loading state, API usage.
 
 ##### 🤖 [Chatter](https://github.com/alexgurr/react-coding-challenges/tree/master/chatter)
-Web sockets, events, callbacks & React hooks. Talks to [Botty](https://github.com/alexgurr/botty)
+Web sockets, events, callbacks & React hooks. Talks to [Botty](https://github.com/alexgurr/botty).
+
+##### 🛒 Shoppit ![later](https://badgen.net/badge/status/coming%20later/yellow?icon=)
 
 &nbsp;
-## When could these be useful?
-- Usage as short coding exercises, such as for interviews
-- To test yourself/test your coding abilities under pressure
-- For beginners looking for a fun way to learn React 
+## What are the challenges for?
+They could be:
+- Short coding exercises, for use in interviews with candidates
+- Ways for you to test yourself / test your coding abilities under pressure
+- Fun exercises to help you learn React 
 
 &nbsp;
-## How do they work?
-The scaffolding is done for you. Simply run `yarn` in any of the directories to start the application. Each application has a README with its requirements.
+## How do they work / how do I get started?
+The scaffolding of each challenges / app is done for you and each challenge has *create-react-app* as its foundation.
+
+- Clone the whole challenges repository
+- Run `yarn` or `npm install` in any of the individual challenge directories to install dependencies
+- Run `yarn start` or `npm start` to start the application on port 3000 (CRA default)
+- Each challenge has a README with requirements for you to complete
 
-Some might require connection to external APIs, but all information will be provided in the inididual challenge readmes.
+*Some challenges might require usage of external APIs, but all information will be provided in the individual challenge readme.*
 
 &nbsp;
 ## Have you got the solutions?
-I have completed all the coding challenges to a high standard. Get invited to the solutions repository at [solutions.alexgurr.com](https://www.solutions.alexgurr.com).
+All the coding challenges have been completed to a high standard. Get an automatic invite to the solutions repository at [solutions.alexgurr.com](https://www.solutions.alexgurr.com).
 
 #### Why are the solutions invite only?
-People use these challenges for interviews. By putting the solutions behind a collaboration wall/invite-only repository we can discourage candidates from simply looking up the solutions. We track current/past collaborators, meaning if you want to check if a potential candidate had access/looked at the solutions you can get in touch and find out. 
+People use these challenges for interviews. By putting the solutions behind a collaboration wall / invite-only repository we can discourage candidates from simply looking up the solutions. We track current / past collaborators, meaning if you want to check if a potential candidate had access / looked at the solutions you can get in touch and find out. 
+
+&nbsp;
+## Why does it take so long for updates / new challenges?
+I work on these challenges & solutions in my spare time, on top of a full time job and everything else that comes in life. Because of this, I don't always get a lot of time to maintain and add new challenges. Interested in becoming a collaborator or submitting your own challenge? **Reach out below or submit a new challenge!**
 
 &nbsp;
-## Why does it take so long for updates/new challenges?
-I work on these challenges & solutions in my spare time, on top of a full time job and all the other stuff. Because of this, I don't always get a lot of time to maintain and add new challenges. Interested in becoming a collaborator or submitting your own challenge? **Reach out below.**
+## Community ![slack-icon](https://puu.sh/Hse6N/da4145b9e1.png)
+We're on Slack - come and [join us](https://join.slack.com/t/reactcodingch-ywm3888/shared_invite/zt-o5ns0i1x-nUW_obRlBOAh2muJITqX~g)!
 
 &nbsp;
 ## Thoughts or feedback 💬
 Conflicting opinion about a challenge difficulty rating? Need some help or guidance? Got a challenge idea? Get in touch at [alexgurr.com](https://www.alexgurr.com).
 
 &nbsp;
 ## Contributing 💡
-We have an [issue template](https://github.com/alexgurr/react-coding-challenges/blob/master/issue_template.md), [pull request template](https://github.com/alexgurr/react-coding-challenges/blob/master/pull_request_template.md) and a [new challenge template](https://github.com/alexgurr/react-coding-challenges/blob/master/new_challenge_template.md). We encourage you to fill out the right template and open a PR/issue!
+We have an [issue template](https://github.com/alexgurr/react-coding-challenges/blob/master/issue_template.md), [pull request template](https://github.com/alexgurr/react-coding-challenges/blob/master/pull_request_template.md) and a [new challenge template](https://github.com/alexgurr/react-coding-challenges/blob/master/new_challenge_template.md). We encourage you to fill out the right template and open a PR / issue!