🚀 Welcome to GemsTube!
This Project is a responsive single page video streaming application. Utilizes the API provided for task to fetch video recommendations for incorporation into the webpage. It has interactive elements which demonstrates my proficiency in frontend frameworks like React. This Project is made with Vite + React
I tried fetching API endpoints with fetch and axios but due to console error stating :
Access to XMLHttpRequest at 'https://ypapi.formz.in/api/public/videos' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
this API endpoint cant be accessed. I also tried using proxy but didnt worked.
I stringyfied API Endpoint manually into data.json file and used it locally while development.
- Desktop :
- Responsive Design :
Follow these steps to set up and run the project locally:
- Clone the repository:
git clone https://github.com/R2932/GemsTube.git
- Navigate to the project directory:
cd GemsTube
- Install dependencies:
npm install
- Make sure:
data.json file is unchanged in the src folder
- Start the development server:
npm run dev
- Vite
- React.js
- Node.js
- Tailwind CSS
- Fork the repository.
- Create a new branch (git checkout -b feature-name).
- Make your changes.
- Commit your changes (git commit -am 'Add new feature').
- Push to the branch (git push origin feature-name).
- Create a new Pull Request.
Author : Rohit Ajay Pandilwar
LinkedIn : LinkedIn Profile