Tha-Zen!

Table of Contents

• Tha-Zen!
  • Table of Contents
  • Front-End Mod 4 Take Home Challenge by: Shayan Golafshani
  • Overview
  • Deployed
• Instructions for Viewing Locally
• Learning Goals
• Walkthrough
• Tech Stack
• Future Features
• Contributors

Front-End Mod 4 Take Home Challenge by: Shayan Golafshani

Overview

This was a take home challenge for module 4 at the Turing School of Software and Design. We were asked to make a simple react app of a new-reader.

You can find the spec here.

Deployed

The app is deployed to heroku here!

Instructions for Viewing Locally

• Clone down this repo by copying the SSH key and from your terminal git clone
• npm i to install dependencies
• cd into the repo
• npm start to activate the server
• Open localhost:3000 in your browser to view the project

Learning Goals

• Build upon the foundational skills of React, including use of React Hooks, useEffect and useState.
• Utilizes React Router for url navigation
• Demonstart knowledge of error handling and conditional rendering
• Retrieve and display poems from https://poetrydb.org and display images from https://thisartworkdoesnotexist.com/
• Utilize PropTypes
• End-to-end testing of user flows using Cypress
• Local storage use with React Hooks

Walkthrough

• As a user, you are greeted with a landing page that shows you a random top New York Times article that displays the category, title, multimedia image carousel, and which links to the actual page.

• Next there's an article selection page, where you can look up poems written by your favorite authors and have those display in scrollable cards!

• Router Error Handling - Trying to go to a fake url? Don't worry, we'll notify you and you can go back home, you're in good hands 🤲.

Tech Stack

React	React Router	CSS

Future Features

• Updated card view

Contributors

Shayan Golafshani

Project Managers:
Taylor Want Travis Rollins

Turing School of Software & Design