Movie Booking app Filmify

This is a movie app which allows registered users to book and reserve movies of their choice.

  • This app is a front-end side of the final capstone project. You can find the back-end app here.
  • Direct link to Kanban board for whole capstone project

Kanban Board Screenshot: image

Project Repo: View Here

Demo Account

Built with

  • React
  • Redux
  • React Rpouter DOM
  • API
  • Tailwind css

The learning objective of this project are

  • Create-react-app (frontend app)
  • Connect react frontend app to rails backend
  • Use API endpoint to get data
  • Fetch data from the API

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Setup

Backend Project Repo

Project Repo

Running The App Locally

  • Run npm install

  • Make sure to run our Rails backend application first before running the React app so that it takes up the port 3000. This is very important as our rails API endpoint must run on port 3000 for the API to work.

  • Once the backend is running on port 3000 then start the react app and you will be prompted to run the server on another port like port 3001. You will receive a message in your terminal like this Would you like to run the app on another port instead? ยป (Y/n). Please enter y so that the react app will start on port 3001.

Authors

๐Ÿ‘ค Kingsley Ibe

๐Ÿ‘ค Amadu Kamara (Amkam)**

๐Ÿ‘ค Busiwa Liuma

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • Hats off to Murat Korkmaz for designing the awesome template that was used. โœจ
  • Microverse for giving us this opportunity
  • The amazing code reviewers for making us improve every day ๐Ÿ‘

๐Ÿ“ License

This project is MIT licensed.

  • ...