neil-b-linton / rancid-tomatillos

Rancid Tomatillos

Table of Contents

• Project Overview
• Learning Goals
• Technologies and Tools
• Project Reflections
• Roadmap
• Deployed Page
• Setup
• Contributors
• Sources

Project Overview

This application allows a user to view a movie library, click on an individual movie poster to see details of that movie, and watch a trailer. Goal was to implement React framework and utilizing React Router along with End-to-End testing using Cypress.

rancid3.mp4

The Turing School of Software and Design provided a project spec sheet for students to follow, which can be found here.

Learning Goals

• Gain competency with React fundamentals
• Learn how to test React components & asynchronous JS
• Practice refactoring
• Create a multi-page UX using Router

Technologies and Tools

• JavaScript
• React
• React Router
• RESTful API
• HTML
• CSS
• Cypress Testing
• npm
• Node.js
• ReactPlayer
• GitHub Issues
• GitHub Projects

Project Reflections

Wins

• Gained more confidence in using React
• Learned new technologies through Router and Cypress testing
• Accomplished learning goals defined by the project specs
• Successfully achieved all features for the application

Challenges

• Learning and implementing new technologies through self-study
• Working around 3 different time zones

Roadmap

Future features could include:

• Search/Filter functionality
• Add a new movie
• Update a current movie's details

Deployed Page

You can find the deployed site here.

Setup

1. Fork this Repo
2. Clone it down to your machine
3. cd into the root of the project directory
4. Run npm install
5. Run npm start in your terminal

Contributors

Amber Bodnar

• LinkedIn
• GitHub

Grant Beard

• LinkedIn
• GitHub

Neil Linton

• LinkedIn
• GitHub

Sources

• Heroku cloud PaaS
• Router docs
• Cypress docs
• Medium
• Our peers in Turing Cohort 2203