Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alejandroq12/my-videos
My Videos is a responsive React.js application with video sections, custom categories, channel pages, and can play videos directly from this app.
https://github.com/alejandroq12/my-videos
fastapi javascript materiaui mediaqueries npm react
Last synced: about 2 months ago
JSON representation
My Videos is a responsive React.js application with video sections, custom categories, channel pages, and can play videos directly from this app.
- Host: GitHub
- URL: https://github.com/alejandroq12/my-videos
- Owner: Alejandroq12
- License: other
- Created: 2022-10-04T03:08:07.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-06-08T02:06:19.000Z (over 1 year ago)
- Last Synced: 2023-06-08T03:22:00.246Z (over 1 year ago)
- Topics: fastapi, javascript, materiaui, mediaqueries, npm, react
- Language: JavaScript
- Homepage: https://precious-begonia-1dc25b.netlify.app/
- Size: 1.42 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
My Videos
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 My Videos ](#-my-videos-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment ](#deployment-)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ (OPTIONAL) ](#-faq-optional-)
- [📝 License ](#-license-)
**My Videos** is a responsive React.js application with video sections, custom categories, channel pages, and can play videos directly from this app.
Client
- **It fetches data from an API.**
- **It is responsive.**
- **It is automatically updated.**
- [Live Demo Link](https://precious-begonia-1dc25b.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- [Node.js](https://nodejs.org/en).
- [A code editor](https://code.visualstudio.com/).
- [A web browser](https://www.google.com/chrome/).
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git https://github.com/Alejandroq12/my-videos.git
```
### Install
Install this project with:
```sh
cd my-videos
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm start
```
### Run tests
To run tests, run the following command:
Tests will be available soon!
You can deploy this project using: Netlify,
- I used Netlify to deploy this application.
- For more information about deployment on Netlify see "[Netlify](https://www.netlify.com/)".
👤 **Julio Quezada**
- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)
- [ ] **I will create my own database with videos and connect it to this user interface.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project give me a star ⭐️.
I want to thank the guys from JavaScript Mastery for guiding me with this project.
- **What did you learn with this project?**
- React file and folder structure.
- Material UI;
- Fetching data using RapidAPI;
- Media queries;
- React functional components and reusability;
This project is [MIT](./LICENSE) licensed.