johannaxx / context-login

API available (also postman collection) at https://github.com/IronPTSolutions/tweet-hack-api

Contexts

Add a Navbar component with current user name. Render nothing if user is missing

Add a logout method to ApiClient (POST /logout)

Add a logout button to navbar that will use async/await to fetch API and clear AuthContext on success

---

Create a TweetsContext React Context with value: { tweets: tweetsArray }

Create a route to /tweets/:id that will render TweetDetail component.

TweetDetail will use React Router DOM hooks to extract id from path params.

TweetDetail will consume TweetsContext, find tweet with same id and render JSON detail of this tweet.

TweetDetail won't perform any API call!

TweetDetail will redirect to / if tweet is missing.

---

Create a NotAuthenticatedRoute to protect Login route from match if user is already logged