All Projects → vitordino → movies

vitordino / movies

Licence: MIT license
🍿 react-app for movies

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to movies

forex-web-app
💱 foreign currency exchange app built with react hooks
Stars: ✭ 17 (-71.67%)
Mutual labels:  styled-components, create-react-app, react-hooks
MovieCards
React App that uses TMDb API to display movie data. Try it out! ->
Stars: ✭ 38 (-36.67%)
Mutual labels:  styled-components, tmdb, react-hooks
Facebook-Messenger
This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database
Stars: ✭ 18 (-70%)
Mutual labels:  styled-components, react-hooks
weixin-cash
💰 仿微信记账小程序的 React App。
Stars: ✭ 20 (-66.67%)
Mutual labels:  styled-components, react-hooks
React Boilerplate Cra Template
🔥 Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.
Stars: ✭ 859 (+1331.67%)
Mutual labels:  styled-components, create-react-app
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: ✭ 69 (+15%)
Mutual labels:  styled-components, create-react-app
minesweeper
💣Minesweeper game written with React
Stars: ✭ 18 (-70%)
Mutual labels:  styled-components, react-hooks
Animate Components
✨ Elemental components for doing animations in React
Stars: ✭ 908 (+1413.33%)
Mutual labels:  styled-components, create-react-app
epee-react-admin
🗡简洁、高效、易扩展的 React 快速开发模板,基于布局设计,纯 Hooks 开发,包含中后台应用常用功能
Stars: ✭ 87 (+45%)
Mutual labels:  create-react-app, react-hooks
React App Rewire Styled Components
Add the styled-components Babel plugin to your create-react-app app via react-app-rewired
Stars: ✭ 159 (+165%)
Mutual labels:  styled-components, create-react-app
React Cloud Music
React 16.8打造精美音乐WebApp
Stars: ✭ 1,722 (+2770%)
Mutual labels:  styled-components, react-hooks
crud-app
❄️ A simple and beautiful CRUD application built with React.
Stars: ✭ 61 (+1.67%)
Mutual labels:  create-react-app, react-hooks
coincharts
Cryptocurrency Price Chart (GDAX)
Stars: ✭ 75 (+25%)
Mutual labels:  styled-components, create-react-app
react-2048
A React implementation of 2048 game built with typescript and styled-components
Stars: ✭ 66 (+10%)
Mutual labels:  styled-components, react-hooks
Frontend
마음을 잇는 현명한 소비 '잇다'🤝
Stars: ✭ 19 (-68.33%)
Mutual labels:  styled-components, react-hooks
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+7176.67%)
Mutual labels:  styled-components, create-react-app
google-place-autocomplete
🏆 Best practice with Google Place Autocomplete API on React
Stars: ✭ 68 (+13.33%)
Mutual labels:  create-react-app, react-hooks
react-antd-admin
基于vite2.x + react17.x + typescript4.x + antd4.x + react-router6.x + mobx6.x编写的一款简单高效的前后端分离的权限管理系统
Stars: ✭ 140 (+133.33%)
Mutual labels:  create-react-app, react-hooks
Road Beyond React App
🌈 The Road beyond React - Thing you can use after learning plain React.js
Stars: ✭ 108 (+80%)
Mutual labels:  styled-components, create-react-app
mcs-lite
🎛 MCS Lite Common UI and Websites.
Stars: ✭ 75 (+25%)
Mutual labels:  styled-components, create-react-app

Movies react-app for movie related search

netlify status

project thumbnail

This repo contains all the code for the movies.vitordino.com app.

this project is built upon significa/frontend-challenge, all design credits go for them.

This product uses the TMDb API but is not endorsed or certified by TMDb.



Development Quick Start

Make sure your system meets the required dependencies and versions before proceeding.

Get one themoviedb.org API key, and set it as a environment variable named REACT_APP_TMDB_KEY (you can use a .env.local file for that)

# Install project dependencies
$ yarn

# Development server
$ yarn dev # starts dev server

# Build app
$ yarn build # Outputs to ./build directory
$ npx serve build # Static server for the built website



Development Server Options

To change the port set the PORT environment variable:

$ PORT=9000 yarn dev
# => starts server at http://localhost:9000



Tech Stack

Key Front-End Packages

name license description
react MIT Declarative, component-based, functional aproach to user interfaces
create-react-app v2 MIT create react apps with no build configuration.
styled-components MIT css-in-js library, composable styling
@reach/router MIT Next Generation Routing for react
rescripts MIT Use the latest react-scripts with custom configurations for Babel, ESLint, TSLint, Webpack,... ∞
react-snap MIT Zero-configuration framework-agnostic static prerendering for SPAs

This app is heavily built on react new features — eg.: hooks, lazy and Suspense.



System Dependencies

name min. version
git 2.0.0
bash 3.0.0
node 8.0.0
yarn 1.0.0
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].