- Frontend for movie platform
urTicket
is a web application that allows users to view, search, review and booking tickets for movies. - React - A Javascript library for building user interfaces.
- TailwindCSS - Rapidly build modern websites without ever leaving your HTML.
- Material UI - A set of React components that implement Google's Material Design.
- Axios - A Promise based HTTP client for the browser and node.js.
- Redux - A predictable state container for JavaScript apps. With Redux Toolkit you can easily add middleware, enhancers, and it is intended to be the standard way to write Redux logic.
- Docker - Containerization is used for deployment.
- Authentication: Login, Register, Logout, Forgot password, Reset password.
- List movies: View list of movies playing, movies coming soon
- Discover movies: View list of movies by genre, search movies
- Quick booking tickets for movies
- View movie details: Photos, Trailer, Cast, Reviews
- Add reviews for movies
- View schedule for movies: by theater, by date
- Reading latest news
- Admin manager
- Responsive design
- Complete admin manager
https://github.com/QuanKhs/urTicket-backend
- Google Drive: GoogleDriveLink
-
Install Docker and Docker compose (from the Docker website)
-
Fork and clone the urticket-frontend repo (see Contributing page)
git clone https://github.com/QuanKhs/urTicket-frontend.git
-
From the src folder run:
docker-compose up
-
Open a browser to see the application running
http://localhost:3000/
-
To shutdown the application run:
docker-compose down
-
Fork and clone the urticket-frontend repo (see Contributing page)
git clone https://github.com/QuanKhs/urTicket-frontend.git
-
Install dependencies & add them to your path:
-
Start the urticket-frontend server:
npm install npm run start
Quankhs 💡 👨💻 💭 🐛 😩 👿 |
- React official documents: https://reactjs.org/
- Redux Tool-kit official documents: https://redux-toolkit.js.org/
- TailwindCSS official documents: https://tailwindcss.com/
- Minimal UI Kit : https://docs-minimals.vercel.app/