Table of Contents
Looking for the next great movie, but unsure of what to look for, then this is a great place to stop. It provides a clean user experience that shows popular movies from a wide range of genres. Each movie is actively voted on to show its relative popularity.
- npm
npm install npm@latest -g
- Fork this repo
- Clone and rename this repo:
git clone [email protected]:SmilodonP/movie-junk-n-stuff.git [new-name]
For example:
git clone [email protected]:SmilodonP/movie-junk-n-stuff.git the-rt-files
cdinto the directory- Install necessary dependencies with
npm install - Run your React app with
npm start - Go to
http://localhost:3000/and you should see a page with some starter elements - Enter
control + cin your terminal to stop running the React app at any time - To run Cypress tests, use
npx cypress open
Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.
For more examples, please refer to the Documentation
One of the challenges that we encoutered during the development process was incorporating new technologies that were unfamilair to us within the frameworks of knowledge that we contained. For example, we were using a technology that was new to us called Cypress which helped to easily test the end to end aspects of a web page. We knew what we wanted to test, but being unfamiliar with the tech made it more challenging to get to the elements that we wanted to see.
Another challenge that we faced in this project was figuring out how to organize the data within our app to account for inheritence in JS/React projects. This was especially evident when working through the CSS styling. With hard work and perserverance we were able to get things (at least mostly) properly laid out to match our design goals.
A win was being able to progress through the project with mostly async work. The extra communication that is required to make sure that process works and works well while allowing the project to continue was an additional step of difficulty that we handled well.
Another win was being able to surpass the styling and design requirements of the project by including heaps of reactive design in our UI/UX CSS.
Project Link: https://github.com/SmilodonP/movie-junk-n-stuff.git
Deployed Project Link: [https://thertfiles.vercel.app/]