Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thalesgomest/cineflex

This is my third project with React on Bootcamp Driven Education. It consist in a Single Page Aplication (SPA), using React Router. The base is a mobile cinema booking app where you can easily buy tickets for new movies.
https://github.com/thalesgomest/cineflex

html-css-javascript html5 javascript react reactrouterdom styled-components

Last synced: 15 days ago
JSON representation

This is my third project with React on Bootcamp Driven Education. It consist in a Single Page Aplication (SPA), using React Router. The base is a mobile cinema booking app where you can easily buy tickets for new movies.

Awesome Lists containing this project

README

        

banner

## 📑 Contents

- [Project Description](#-project-description)
- [Mockup](#-mockup)
- [Status of work](#-status-of-work)
- [How to run](#%EF%B8%8F-how-to-run)
- [Build with](#%EF%B8%8F-build-with)
- [Contact](#-contact)

## 📌 Project Description

This is my third project with React on bootcamp Driven Education. It consist in a Single Page Aplication (SPA), using React Router. The idea of this project is a mobile cinema booking application where you can easily buy tickets for new movies.

## 📸 Mockup


mockup

## 🚧 Status of work

![status](https://img.shields.io/badge/Status-Finished-00920F?style=plastic)

## ⚙️ How to run
```bash
# Clone this repoository
$ git clone https://github.com/thalesgomest/cineflex.git

# Change to project directory
$ cd cineflex

# Install all dependencies
$ npm i

# Run the project with
$ npm start

# You can optionally build the project running
$ npm run build

# Finally
$ The server will start on port:3000. Access http://localhost:3000 on your favorite browser
```

## 🛠️ Build with

![uses-react](https://img.shields.io/badge/React-20232A?style=plastic&logo=react&logoColor=61DAFB)
![uses-node js](https://img.shields.io/badge/Node.js-43853D?style=plastic&logo=node.js&logoColor=white)
[![uses-javascript](https://img.shields.io/badge/JavaScript-F7DF1E?style=plastic&logo=javascript&logoColor=black)](https://www.javascript.com)
![uses-html5](https://img.shields.io/badge/HTML5-E34F26?style=plastic&logo=html5&logoColor=white)
![uses-css](https://img.shields.io/badge/CSS3-1572B6?style=plastic&logo=css3&logoColor=white)
![built-with-git](https://img.shields.io/badge/Git-E34F26?style=plastic&logo=git&logoColor=white)
![built-with-vsc](https://img.shields.io/badge/Visual%20Studio%20Code-blue?style=plastic&logo=visualstudiocode)

## 📫 Contact