An open API service indexing awesome lists of open source software.

https://github.com/nusky7/n7tools

Custom conversion tool for images, fonts and YouTube videos.
https://github.com/nusky7/n7tools

javascript node-js tailwindcss

Last synced: 30 days ago
JSON representation

Custom conversion tool for images, fonts and YouTube videos.

Awesome Lists containing this project

README

          



###
###

N7Tools is a custom web application that streamlines the process of converting images, fonts, and YouTube videos into various formats with ease and efficiency, simplifying daily tasks for frontend developers and designers.



Please note the backend is not currently deployed, it requires more CPU than the available with free hosting plans.
You can still convert images using the frontend, or download the code and run it locally to access all features.


🌐 Visit Frontend Here:
www.nusky7studio.es/N7Tools

###

πŸš€ Features

###

β˜… Modern and Responsive UI: Designed with Tailwind CSS for a sleek and adaptable user experience.
β˜… Powerful Backend: Built with Node.js and Express to ensure efficient and scalable operations.
β˜… Simple Setup: Easy to run locally with minimal configuration required.

###


βš™οΈ How it Works

###

N7Tools handles conversions efficiently by dividing tasks between the frontend and backend:

🎨 Frontend:
Image conversions are handled directly in the browser for faster processing and immediate results.

πŸ“‘ Backend:
Video and font conversions are processed server-side to handle more complex operations and larger file sizes.

###


🧩 Dependencies

###

The following dependencies are needed to run the project:

🎨 Frontend
β˜… Tailwind CSS: For styling building modern and responsive UI designs.
β˜… Parcel: For bundling and serving the frontend files during development and production.

###


πŸ“‘ Backend
β˜… Node.js: To power the backend operations.
β˜… Express: For building a robust and scalable server.
β˜… FFmpeg: For video encoding and conversion.
β˜… youtube-dl-exec: To download and process YouTube videos.
β˜… Fontmin: For optimizing and converting font files.

###


πŸ“‚ Repository Structure

###


###


⬇️ Installation

###

Steps to Serve & Build the project:

###

###


πŸ”§ Configuration

###

β˜… Cookies Setup

To ensure proper functionality, a cookies file is required for some backend operations, especially for handling certain video conversions. Here’s what you need to know:

β˜… For Local Development:
A cookies file is not required when running the project locally.
All operations will work without additional configuration.

β˜… For Deployed Backend:
When deploying the backend to a server, you will need to create your own cookies file to enable advanced video processing.

###



πŸͺ Creating Your Cookies File

###

Follow this steps to create your cookies file:



  1. Use your browser's developer tools (usually accessible via F12 or Ctrl+Shift+I) to export cookies for the relevant service (e.g., YouTube).


  2. You can also use browser extensions like Get Cookies.txt LOCALLY (Chrome) or built-in tools in Firefox to save the cookies in .txt format.


  3. Save the exported cookies file as cookies.txt and place it in the backend/ directory.


  4. Ensure the file path is correctly referenced in your backend code, where tools like youtube-dl-exec may need it.


  5. Add the file to .gitignore to prevent sensitive information from being uploaded to your repository.



###

πŸ“Έ Screenshots

###




###




###




###




###




###


πŸ› οΈ Built Using

###


vscode logo

html5 logo

css3 logo

tailwindcss logo

javascript logo

nodejs logo

git logo

canva logo

###


πŸ“¬ Let's Connect!

###



gmail logo


telegram logo


linkedin logo

###