Web App created by Steven Jack Chung
Project created using TheMovieDB API and ReactJS & Redux
- 🎬 About Movie Finder
- ⚒️ Built With React & Redux
- 🟢 Live Demo
- 🖥️ Setup
- ✍️ Making Your Own Changes
- 👤 Author
- 🤝 Contributing
- ⭐ Show your support
Movie Finder is a movies catalogue where you can find all the popular, top rated, and upcoming movies. You can browse and filter all the movie available as well as finding all basic information of each move in the listing. It was build with ReactJS & Redux and The MovieDB was the API used to retrieve all information for the movies catalogue.
Axios
Internet Browser (Chrome, Firefox, Opera, etc)
Git for version control.
Node.js is required to install dependencies and run scripts via npm.
After installing the tools required, go ahead and clone this repository by using Git commands.
git clone https://github.com/jcy2704/movie-finder.git
Or you can also download this repository and access it with navigation commands.
cd /path/to/repository/movie-finder
To be able to run the web app smoothly you need to install Node dependencies by typing the following command on your terminal
npm install
Now you are good to go!
Now that you've installed the repository correctly. Go ahead and test it out by running the following command on the terminal
npm start
This command will open a localhost:3000 server where it will be running the web app until you close the server by using the key combo CTRL + C on the terminal.
And there you are running the app.
Enjoy!
| Command | Description |
|---|---|
npm install |
Install project dependencies |
npm start |
Build project and open web server running project |
npm run build |
Builds code bundle with production settings (minification, uglification, etc..) |
After cloning the repo, run npm install from your project directory. Then, you can start the local development server by running npm start.
After starting the development server with npm start, you can edit any files in the src folder and webpack will automatically recompile and reload your server (available at https://localhost:3000 by default).
To be able to create your own environmental variables you need to create a .env file in the root of the project.
You need to also name the variable with the follow prefix REACT_APP_.
For example,
// .env
REACT_APP_API_KEY=1234567
REACT_APP_API_URL=https://api.example.com/
After you run the npm run build command, your code will be built into a single bundle located at dist/bundle.min.js along with any other assets you project depended.
👤 Steven Jack Chung
- GitHub: @jcy2704
- Twitter: @yiak_
- LinkedIn: Steven Jack Chung
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!