Giphy-from-wish

🧠 About the Project

🖼️ Wireframes

📊 Main View (Trending & Favorites)

📝 Details View

⬆️ Upload View

🛠️ Technologies Used

💡 Project Structure

giphy-from-wish/
├── gifs/ # Pre-downloaded GIFs used to demonstrate upload functionality
├── node_modules/ # Installed dependencies (auto-generated)
├── pictures/ # Images used in documentation/README
├── template/ # Main application code
│ ├── constantsFolder/
│ │ └── constants.js # All constant values to avoid magic numbers
│ ├── events/
│ │ ├── helpers.js # Utility functions (clearScreens, etc.)
│ │ └── navigation.js # Page loading functionality (loadPage)
│ ├── styles/
│ │ ├── style.css # Custom styling
│ │ └── normalize.css # CSS reset/normalization
│ ├── utils/
│ │ └── download-gif.js # Handles GIF downloading from Giphy
│ ├── views/ # All page view renderers
│ │ ├── trending.js
│ │ ├── favorites.js
│ │ └── ... (other views)
│ ├── main.js # Primary event listener for all page interactions
│ └── index.html # The primary html file
│
├── .gitignore # Specifies untracked files
├── .prettierrc # Code formatting configuration
├── .eslintconfig # Linting rules
├── package.json # Project configuration and dependencies
└── README.md # Project documentation```