"This project is definitely not Rotten Tomatoes. Nor is it Netflix. Nor is it IMDB. It’s FUNKY NIGHTSHADES."

Gain competency with React fundamentals

Gain experience setting up an Express server with CRUD methods

Learn how to test React components & asynchronous JS with Cypress

Create a multi-page UX using Router

🛸 Deployed Pages:

Funky Nightshades

Funky Nightshades API

⚡️ Getting Started:

To simply experience the application visit the links listed above

For the curious developer:

1. Fork this repository and this repository for the API (not needed)
2. Clone both of the repositories to your local machine
3. cd into the repository
4. Once in the repository, run npm install and npm i -g nodemon for the API (may need to run sudo npm i -g nodemon)
5. After installation, run npm start and nodemon server.js for the API
6. A live server should now be available at http://localhost:3000/ and http://localhost:3001/ for the server
7. Paste this addresses into your browser

🧑🏻‍💻 Contributors:

Joshua Medina // Michael Martinelli

• LinkedIn // LinkedIn

• Github // Github

🚶🏻‍♂️ Walkthrough:

Funky-Nightshadesmp4.mp4

✍🏼 Planning:

• Component Architecture
  
• Wireframe
  
• Project Board

🎬 Features:

• A personal server built with Express to handle and format scrubbed data
  • This data includes: genres, overview, tagline, release date, runtime, budget, revenue, and average rating
• Conditional rendering built with React Router:
  • Allows th user to navigate back and forth in the browser
  • Ability to favorite movie pages
• Trailers for each movie introduced with React Player
• Live search results rendered letter by letter
• Lighthouse accesibility scored at 100%
• Proper error handling for user and/or server

🔮 Future Extensions:

• Allow users to create a profile
  • Write reviews
  • Favorite movies
  • Delete any contribution
• Filter by genre
• Carousel for aesthetics
• Extend server capabilities to handle extensions
• Further testing to ensure features will succeed

💿 Technologies:

• React
• Express
• Cypress
• React Router
• JavaScript
• HTML
• CSS
• Postman
• NPM
• Github

🕵🏻‍♂️ Project Specs:

Turing - Rancid Tomatillos