binged
所属分类:云数据库/云存储
开发工具:JavaScript
文件大小:3626KB
下载次数:0
上传日期:2023-05-05 07:46:34
上 传 者:
sh-1993
说明: 具有firebase auth+RTDB+云存储的reactjs电影娱乐web应用程序
(A reactjs movie entertainment web app with firebase auth + RTDB + cloud storage)
文件列表:
package-lock.json (708852, 2023-05-05)
package.json (1027, 2023-05-05)
public (0, 2023-05-05)
public\_redirects (22, 2023-05-05)
public\favicon.ico (3870, 2023-05-05)
public\index.html (1579, 2023-05-05)
public\logo192.png (5347, 2023-05-05)
public\logo512.png (9664, 2023-05-05)
public\manifest.json (492, 2023-05-05)
public\robots.txt (67, 2023-05-05)
src (0, 2023-05-05)
src\assets (0, 2023-05-05)
src\assets\Google.svg (1360, 2023-05-05)
src\assets\avatar.svg (637, 2023-05-05)
src\assets\error.svg (855, 2023-05-05)
src\assets\homebg.png (3484785, 2023-05-05)
src\assets\icon-bookmark-empty.svg (1057, 2023-05-05)
src\assets\icon-bookmark-full.svg (390, 2023-05-05)
src\assets\icon-category-movie.svg (556, 2023-05-05)
src\assets\icon-category-tv.svg (278, 2023-05-05)
src\assets\icon-logout.svg (1043, 2023-05-05)
src\assets\icon-nav-bookmark.svg (848, 2023-05-05)
src\assets\icon-nav-home.svg (378, 2023-05-05)
src\assets\icon-nav-movies.svg (1041, 2023-05-05)
src\assets\icon-nav-trending.svg (847, 2023-05-05)
src\assets\icon-nav-tv-series.svg (462, 2023-05-05)
src\assets\icon-play.svg (210, 2023-05-05)
src\assets\icon-search.svg (366, 2023-05-05)
src\assets\image-avatar.png (4824, 2023-05-05)
src\assets\logo.svg (287, 2023-05-05)
src\assets\success.svg (606, 2023-05-05)
src\components (0, 2023-05-05)
src\components\Alert (0, 2023-05-05)
src\components\Alert\Alert.js (860, 2023-05-05)
src\components\Alert\Alert.styles.js (1413, 2023-05-05)
src\components\App.js (3792, 2023-05-05)
src\components\App.styles.js (272, 2023-05-05)
... ...
# Binged
[![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)](https://reactjs.org/) [![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)](https://reactrouter.com/en/main) [![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white)](https://firebase.google.com/) [![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)](https://styled-components.com/) [![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7)](https://www.netlify.com/)
### Overview
This is a multi-paged entertainment web app inspired by @frontendmentor, and, built to work with concepts like routing, state management & search functionality.
It extends to include functionalities like user authentication, database and cloud storage uploads using Firebase SDK.
### Features
As you might notice, not all the feature ideas for this project have been completely implemented. In this app, you can:
- [x] Authenticate (login/sign up) as a user w email and password
- [x] Navigate between the different shows pages
- [x] View the optimal layout depending on your device screen size
- [x] See hover states for all interactive elements on the page
- [x] Authenticate (login/sign up) as a user w Google social login
- [x] Sign out an authenticated user
- [x] Search for relevant shows on all pages
- [ ] Reset lost password
- [ ] View and update profile
- [ ] Add/remove bookmarks from all movies and TV series
- [ ] Play, stream or watch a listed show
### Running this project locally
Live versions:
[Binged](https://binged-app.web.app)
From the repo:
1. Clone this project locally
2. Open the project with in your preferred code editor
3. Open your terminal and `cd` to the project directory
4. Run `npm install` to install all relevant dependencies
5. Run `npm start` to start a dev server and view the project in your browser
### DevDependencies
- React
- React Router DOM
- [React Icons](https://react-icons.github.io/react-icons)
- [Firebase](https://firebase.google.com/docs/reference/js/v8)
- [Styled Components](https://styled-components.com/)
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
近期下载者:
相关文件:
收藏者: