My Videos

My Videos

📗 Table of Contents

• 📗 Table of Contents
• 📖 My Videos
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Author
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

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

🛠 Built With

Tech Stack

Client

• CSS
• HTML
• JavaScript
• React.js

Key Features

• It fetches data from an API.
• It is responsive.
• It is automatically updated.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Node.js.
• A code editor.
• A web browser.

Setup

Clone this repository to your desired folder:

  cd my-folder
  git https://github.com/Alejandroq12/my-videos.git

Install

Install this project with:

  cd my-videos
  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

Tests will be available soon!

Deployment

You can deploy this project using: Netlify,

• I used Netlify to deploy this application.
• For more information about deployment on Netlify see "Netlify".

(back to top)

👥 Author

👤 Julio Quezada

• GitHub: Alejandroq12
• Twitter: @JulioAle54
• LinkedIn: Julio Quezada

(back to top)

🔭 Future Features

• I will create my own database with videos and connect it to this user interface.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give me a star ⭐️.

(back to top)

🙏 Acknowledgments

I want to thank the guys from JavaScript Mastery for guiding me with this project.

(back to top)

❓ FAQ (OPTIONAL)

• 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;

(back to top)

📝 License

This project is MIT licensed.

(back to top)