This application was developed by react-redux
This is a movie ticket booking site with create/read/update/delete functionality. There are two main features : movie management and movie booking.
- A user is guided to the site at the first initial page.
- A user is able to navigate the site through nav bar.
- A user is able to see a movie list.
- A user clicks a specific movie and page turns to movie detail page.
- A user is able to see movie information in detailed.
- A user is able to delete the movie in the detail page.
- A user is able to update the movie clicked by
EDIT
in the movie detail page. - A user is able to add a new movie clicked by
Add Movie
at the nav bar. - A new movie is created with timestamp.
- A user is able to navigate to Booking page.
- A user is able to choose a movie on the drop down menu to make a reservation.
- A movie screen and seat information comes up.
- A user is able to choose a seat and if seat is already booked,
Already booked
message is shown. - After booking, a user is able to check ticket amounts decreased in the movie detail page.
- 1st plan : before redux, react only
- react-redux plan
|-- _tests_ :
|-- actions :
| |-- actions.jsx
| |-- fetchData.jsx
|-- components :
| |-- App.jsx
| | |-- Nav/Main/Footer
| |-- App.css
| |-- Footer.jsx
| |-- Intro.jsx
| |-- Booking
| | |-- Booking.jsx
| | |-- Booking.css
| |-- Movie
| | |-- Control.jsx
| | |-- Movie.jsx
| | |-- MovieAdd.jsx
| | |-- MovieEdit.jsx
| | |-- MovieInfo.jsx
| | |-- MovieList.jsx
| | |-- Movie.css
|-- reducers :
| | |-- reducer.js
|-- history.jsx
|-- index.jsx
All components were descripted with propTypes
- Database such as firebase
- Server
- NPM for package management
- react, react-redux as core stack
- Movie API
- drawio for diagram
- bootstrap
- favicon
$ git clone https://github.com/jiwon-seattle/Movie-Booking-Site.git
$ cd the repository
$ npm install
# After successfull pkg installtion
$ npm start
Now, it will automatically open http://localhost:3000 and show you movie ticket site
If you encouter with initial npm packages issues, please delete package-lock.json
file in the directory
react
react-redux
react-bootstrap
react-dom
react-router-dom
react-scripts
redux
axios
There are no known bug at this moment
Any feedback is appreciated! Please contact at email: jiwon1.han@gmail.com
This software is licensed under the MIT license
Copyright (c) 2020 Jiwon Han