NFT Website

NFT Website is a modern landing page for presenting NFT collections. The project was implemented using the BEM methodology and automation via Gulp, which ensures rapid development and optimized assembly.

🔗 Live Preview

👉 View Live Version

🛠 Technologies Used

Core

• HTML5 — Semantic markup
• SCSS — Advanced styling with variables and placeholders
• JavaScript (ES6+) — Client-side logic

Libraries & Tools

• jQuery — DOM manipulation and event handling
• Slick Carousel — Interactive sliders for NFT items
• AOS (Animate On Scroll) — Scroll animations for better engagement
• BEM — CSS naming convention for modularity

Development & Deployment

• Gulp — Task runner for building, minification, and image optimization
• BrowserSync — Live reloading during development
• Netlify — Hosting and continuous deployment

🚀 Getting Started

To run the project locally, follow these steps:

1️⃣ Clone the repository

git clone https://github.com/your-username/project-name.git
cd project-name

2️⃣ Install dependencies

npm install

3️⃣ Run the project locally

npm run dev

✨ Features

• Responsive Design: Fully optimized for mobile, tablet, and desktop screens to ensure a seamless experience on any device.
• Modern UI/UX: High-quality graphics and smooth transitions designed specifically for the NFT community.
• Interactive Sliders: Browse through NFT collections using touch-friendly carousels.
• Optimized Assets: All images and styles are compressed and optimized via Gulp tasks for fast loading speeds.
• Sticky Navigation: Quick access to the menu regardless of the scroll position.
• Cross-Browser Compatibility: Consistent performance across all modern browsers (Chrome, Firefox, Safari, Edge).

📄 License

This project is created for educational and portfolio purposes.