All Projects â†’ Christianq010 â†’ netflix_landing-page

Christianq010 / netflix_landing-page

Licence: other
The Netflix.com landing page built via React 16 and Styled-Components. Build deployed via Surge.sh for preview.

Programming Languages

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

Projects that are alternatives of or similar to netflix landing-page

React Starter
🚀 A minimal react boilerplate featuring easy-peasy state management and styled-components
Stars: ✭ 79 (+102.56%)
Mutual labels:  babel, styled-components
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (+261.54%)
Mutual labels:  babel, styled-components
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (+164.1%)
Mutual labels:  babel, styled-components
Babel Plugin Styled Components
Improve the debugging experience and add server-side rendering support to styled-components
Stars: ✭ 878 (+2151.28%)
Mutual labels:  babel, styled-components
react-functional-select
Micro-sized & micro-optimized select component for React.js
Stars: ✭ 165 (+323.08%)
Mutual labels:  styled-components, react-components
Postjss
Use the power of PostCSS in compiling with JSS
Stars: ✭ 40 (+2.56%)
Mutual labels:  babel, styled-components
Babel Plugin Polished
Compile polished helper functions at build time
Stars: ✭ 133 (+241.03%)
Mutual labels:  babel, styled-components
Twin.macro
đŸŠč‍♂ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Stars: ✭ 5,137 (+13071.79%)
Mutual labels:  babel, styled-components
rebass
⚛ React primitive UI components built with styled-system.
Stars: ✭ 7,844 (+20012.82%)
Mutual labels:  styled-components, react-components
Lerna Yarn Workspaces Monorepo
🐉 A Monorepo with multiple packages and a shared build, test, and release process.
Stars: ✭ 201 (+415.38%)
Mutual labels:  babel, styled-components
Pizzaql
🍕 Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (+1517.95%)
Mutual labels:  babel, styled-components
smores-react
🍭 Marshmallow React components
Stars: ✭ 34 (-12.82%)
Mutual labels:  styled-components, react-components
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (+1294.87%)
Mutual labels:  babel, styled-components
Babel Plugin Css Prop
Babel plugin to transpile `css` prop to a styled component. (Experimental)
Stars: ✭ 56 (+43.59%)
Mutual labels:  babel, styled-components
Language Babel
ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM
Stars: ✭ 476 (+1120.51%)
Mutual labels:  babel, styled-components
React Workshop
⚒ 🚧 This is a workshop for learning how to build React Applications
Stars: ✭ 114 (+192.31%)
Mutual labels:  babel, react-components
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+630.77%)
Mutual labels:  babel, styled-components
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (+664.1%)
Mutual labels:  babel, styled-components
Styled React Boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
Stars: ✭ 198 (+407.69%)
Mutual labels:  babel, styled-components
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: ✭ 69 (+76.92%)
Mutual labels:  styled-components, react-components

Project - Netflix Landing Page

This project is a clone of the Netflix landing page (10/02/2018) built with React 16 Components.

Tools used to aid the Front-end work were Styled Components, React Developer Tools and Webpack for compiling SASS after ejecting.

Site Preview

Site Preview

Usage

This project was bootstrapped with Create React App

Deployed

Deployed via Surge at https://netflix-lp-clone.surge.sh

Instructions

Install

$ yarn install

Run Server

This will watch your files, compile them and run your dev server at http://localhost:3000

$ yarn start

Build

$ yarn build

Additional Resources

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].