https://github.com/leojuriolli7/popflix
Movies and TV Shows application with authentication and end-2-end tests. (Cypress)
https://github.com/leojuriolli7/popflix
css flix frontend html javascript movies pop popflix react shows tv typescript
Last synced: about 2 months ago
JSON representation
Movies and TV Shows application with authentication and end-2-end tests. (Cypress)
- Host: GitHub
- URL: https://github.com/leojuriolli7/popflix
- Owner: leojuriolli7
- Created: 2022-03-26T04:29:38.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-02-19T18:31:19.000Z (over 2 years ago)
- Last Synced: 2025-08-29T17:28:12.073Z (2 months ago)
- Topics: css, flix, frontend, html, javascript, movies, pop, popflix, react, shows, tv, typescript
- Language: TypeScript
- Homepage: https://popflix-app.vercel.app/
- Size: 1.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Popflix
Popflix is a movie and TV shows website, where one may find information about movies, shows, its cast, crew, reviews, production companies, seasons, episodes and more.
Popflix has Dark and light theme, and Portuguese and English translation options.
Access Popflix via Vercel: https://popflix-app.vercel.app/
## Tecnologies used in this project:
- ReactJS, Typescript
- Cypress for end-2-end tests
- React Redux Toolkit and Redux Persist
- i18Next for translations
- JSON Server for Login and Sign Up
- Formik and Yup
- Axios and React Query
- Styled Components with light and dark mode
- React Router
## Installation
While the version accessible through Vercel (main branch) does not have a Sign Up and Login system, the develop branch accessible through cloning the project has authorized routes and functional Login and Sign Up, with a profile page. This is the case because the JSON Server is not deployed on Vercel.
Clone the project:
```bash
git clone git@github.com:leojuriolli7/popflix.git
```
Go to the project directory:
```bash
cd popflix
```
Install the project dependencies:
```bash
npm install
```
## Usage
First, start JSON Server:
```bash
npm run json-server
```
Start the application:
```bash
npm start
```
## Tests
To run all the tests:
```bash
npx cypress run
```
To run the tests on the browser:
```bash
npx cypress open
```
You can run a single test by clicking on the test name or click "Run integration specs" to run all the tests.