Welcome to the Dynamic Card Generator project! This web app allows users to dynamically create professional-looking cards by inputting details such as title, channel name, views, and thumbnail images. It's an intuitive tool for generating content cards that can be customized with either a thumbnail URL or by uploading an image file.
- Add new cards with a title, channel name, views, duration, and months ago.
- Option to use a thumbnail image via URL or by uploading an image file.
- Professional, responsive design with modern styling and animations.
- Dynamic card creation with real-time updates displayed on the page.
- Easy-to-use form with clear input fields.
- HTML5: Structure of the website.
- CSS3: Styling and animations for a sleek, modern UI.
- JavaScript: For handling the dynamic generation of cards and user interactions.
- GitHub Pages: For easy hosting and sharing.
To run this project locally, you will need:
- A web browser (e.g., Chrome, Firefox, Safari).
- A text editor like VS Code for code editing.
- Clone the repository:
git clone https://github.com/your-username/dynamic-card-generator.git
- Navigate to the project directory:
cd dynamic-card-generator - Open the
index.htmlfile in your browser to view the project locally.
- Open the page in your browser.
- Fill in the form to create a new card.
- Choose between entering a thumbnail URL or uploading an image.
- Click the "Add Card" button to dynamically add the card below the form.
- View the dynamically created cards that display the card details you provided.
- Fork this repository.
- Create a new branch for your feature (
git checkout -b feature-name). - Commit your changes (
git commit -am 'Add new feature'). - Push to your branch (
git push origin feature-name). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Created by Shakib
Email: imshakibul@gmail.com