https://github.com/mark-nawar/star_cinema_reservation

A cinema reservation web application made with react
https://github.com/mark-nawar/star_cinema_reservation

cinema movies reactjs reservation-system threejs

Last synced: 4 days ago
JSON representation

A cinema reservation web application made with react

• Host: GitHub
• URL: https://github.com/mark-nawar/star_cinema_reservation
• Owner: Mark-Nawar
• Created: 2022-01-12T09:17:33.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-22T17:11:30.000Z (almost 3 years ago)
• Last Synced: 2024-12-17T12:33:31.732Z (about 2 months ago)
• Topics: cinema, movies, reactjs, reservation-system, threejs
• Language: JavaScript
• Homepage:
• Size: 808 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



 
This project is build with:


 


 
React Js

 

Bootstrap

 

Three.Js for 3-d animations

 

Json-server

 

React Router

 

 Backend( NodeJs and MongoDB)

    

note : check the file of the dependencies for more information about the packages that were used

note: we are using npm as a package manager you are welcomed to use yarn just check the coresponding commands

note : To use React you need to download Nodejs First run ```$ node -v``` in a powershell commandline if not installed follow this link [Node Js download guide](https://nodejs.org/en/download/)


    

---

# Follow this Instructions carefully      

1-Clone Repo ( use this command to push easily ( git push ))

```

 $ git clone -b main https://github.com/Mark-Nawar/Star_Cinema_Reservation.git

```

2-Change to project dir. in my local machine it was cinema replace this with the name of the folder you cloned the project into

```

 $ cd cinema

```

3- Download All dependencies( aka packages we will will be used need to be on your local machine)

```

 $ npm install

```

4- Run In dev ( only for front-end currently a json-server is not done)

```

$ json-server --watch Data/db.json --port 8000

$ npm start

```

  

# Screen Shots

* Home Page

  

  ![19-21-55-Trim-min](https://user-images.githubusercontent.com/62334815/149400381-b6247f7a-b4af-4316-9650-1a2b3f1e8a01.gif)

  

  https://user-images.githubusercontent.com/62334815/149527068-26b2acc5-e703-4d2b-b157-59100436196c.mp4

  

* Manager User

  

  ![21-16-21-Trim (1)](https://user-images.githubusercontent.com/62334815/149523407-c180145a-765c-4ca8-af60-a55c1e239d54.gif)

  

  ![Capture](https://user-images.githubusercontent.com/62334815/149525163-6e92ba9f-5a16-4c8f-9d0a-88bdf807d842.JPG)

* Customer

  ![21-34-20-Trim-2-min](https://user-images.githubusercontent.com/62334815/149525905-358a1c4c-edf0-441e-89ba-7dc03d87ac8e.gif)

  

  ![21-34-20-Trim-3](https://user-images.githubusercontent.com/62334815/149525969-80ef8fc0-a7b7-4770-aa15-553315e3a59f.gif)