https://github.com/gealsanchez/cinema_api

Responsive Web Design SPA shows data (name, overview, release date) about top rated, popular and upcoming movies, built with React, Tailwind CSS & JavaScript
https://github.com/gealsanchez/cinema_api

Last synced: 21 days ago
JSON representation

Responsive Web Design SPA shows data (name, overview, release date) about top rated, popular and upcoming movies, built with React, Tailwind CSS & JavaScript

• Host: GitHub
• URL: https://github.com/gealsanchez/cinema_api
• Owner: gealsanchez
• License: mit
• Created: 2024-05-05T16:48:43.000Z (8 months ago)
• Default Branch: dev
• Last Pushed: 2024-05-13T04:15:48.000Z (8 months ago)
• Last Synced: 2024-11-03T16:36:48.360Z (2 months ago)
• Language: JavaScript
• Homepage: https://cinematico-grsncz.netlify.app/
• Size: 1.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




React Cinema Project




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 React Project 

**Cinema Project** shows data (name, overview, release date) about top rated, popular and upcoming movies 

![image-one](https://github.com/gealsanchez/cinema_api/assets/94255143/ca2cfe91-bce6-4974-b093-3947425949da)

![image-two](https://github.com/gealsanchez/cinema_api/assets/94255143/4d880299-a2bc-413f-aab6-e17fd05cd260)

![image-three](https://github.com/gealsanchez/cinema_api/assets/94255143/d6aa51b4-ce98-4ad9-9aba-148dfe60e112)

![image-four](https://github.com/gealsanchez/cinema_api/assets/94255143/ab13d6cf-768c-4810-9506-a5b5395a21d7)

![image-five](https://github.com/gealsanchez/cinema_api/assets/94255143/258e9e6a-e48a-4dca-8108-61d575d8e78a)

![image-six](https://github.com/gealsanchez/cinema_api/assets/94255143/b9f06696-7f5e-4b54-a662-33537e5873bd)

## 🛠 Built With 

 - HTML

 - CSS

 - JavaScript

 - React

 - Webpack

 - Tailwind

### Tech Stack 

  Client

  


    
React.js

  


### Key Features 

- **Single Page Application**

- **React components**

- **React props**

- **Handle events in a React app**

- **Use styles in a React app**

- **Use Tailwind in a React app**

- **Dynamic Screen Feature**

- **Navigation**

- **Dark Mode Enabled**

- **Search Feature**

(back to top)


## 🚀 Live Demo 

- - [Live Demo Link](https://cinematico-grsncz.netlify.app/)

(back to top)


## 💻 Getting Started 

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

### Prerequisites

In order to run this project you need:

- node.js

- git

### Setup

Clone this repository to your desired folder:

- Open your terminal

- Navigate to the directory where you want to clone the project.

- Clone the project using by running the following command:

`git clone [email protected]:gealsanchez/cinema_api.git`

### Install

Install this project using the following command: 

`npm install`.

### Usage

To run the project, execute the following commands:

- `npm run build`

- `npm start`

### Run tests

To run tests, run the following command:

`npm test`

(back to top)


## 👥 Authors 

👤 **Gerson SANCHEZ**

- GitHub: [@githubhandle](https://github.com/gealsanchez)

- Twitter: [@twitterhandle](https://twitter.com/gealsanchez)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gerson-sanchez-88309b57/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse and Shubham Sarda (Original design idea).

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)