A Movie Database App using React.js
**This application is to display the list of movies based on the movies searched.
This is a app is useful to understand the React Functional Components, Suspense, Lazy, useEffect and useState Hooks .
The app will be able to search for movies via the OMDB API and render the results to the user. The reason for building the app is just so that we can get a better understanding of using hooks in an application, which helps in understanding the role some of the hooks we will use can play in your own real-world apps. useState is a Hook that allows you to have state variables in functional components. You pass the initial state to this function and it returns a variable with the current state value (not necessarily the initial state) and another function to update this value. Some things are needed before we get into building the apps
Node (≥ 6), A cool Code Editor, An API key from OMDB (You can obtain it here or use mine)
**
Install node modules
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
-
Once you have done with your setup and you have successfully completed all steps above, You need to put your website online!
-
Now, we need to generate production build and deploy website.
npm run buildcommand will generate the production build.npm run deploywill create another branch calledgh-pagesand it will push thebuildfiles to that branch.
-
The last step in deploying is to enable
Github Pagesin settings of the repository and selectgh-pagesbranch. -
Now, your website is successfully deployed and you can visit it at
<your-github-username>.github.io.
- React
- graphql
- apollo-boost
- baseui
- react-reveal
- styled-components
- Fetch Api
If you can help us with these. Please don't hesitate to open an pull request or [issue]
- Add Podcast Section and Video Section
- Add tests to automate review.
- Setup Travis workflow.