"Welcome, To Asleh"—this isn't just a website; it's a milestone in my coding journey and a digital representation of my growth as a developer. "My World" is a comprehensive, feature-rich portfolio and project showcase built entirely with HTML, CSS, and JavaScript.
This project was born from countless hours of learning, debugging, and creating. Each section represents a new skill conquered and a concept understood. Remember, every developer you admire started with a single "Hello World"—this is my world, and I built it myself.
This project is packed with modern web features, organized into meaningful sections:
- 📖 Articles & Blog: A dynamic space for ideas (like "Test Title" articles) with interactive "Read More" functionality
- 🎨 Media Gallery: A visual showcase of work, ready to be filled with my proudest projects
- 🎬 Top Videos Hub: A dedicated section for tutorial content, demonstrating a commitment to sharing knowledge
- ✅ Quality-First Features: Highlights core values with detailed descriptions
- 👥 Team Spotlight: A section to introduce collaborators or future team members
- 🏆 Skills Dashboard: A visual, interactive progress bar (
HTML: 80%,CSS: 90%,JS: 85%) that tracks my technical growth - 📊 Impressive Stats Counter: Tracks key metrics like clients, projects, and countries served
- 💰 Transparent Pricing Plans: Clear, tiered service models (Basic, Advanced, Professional) for real-world application
- 🗣️ Client Testimonials: Features glowing reviews (from "Mohamed Farah") that build credibility
- ⏳ Interactive Events Countdown: A real-time counter for the "Tech Master Events 2021," showing attention to detail
- 🎯 "How It Works" Process: Clearly outlines workflow steps from Business Analysis to Development
Building "My World" taught me that a great developer isn't defined by how few problems they encounter, but by their determination to solve every single one they face.
When the layout broke, I learned Flexbox. When an interaction felt clunky, I dove deeper into JavaScript events. This project is a testament to persistence—the willingness to search for solutions, watch tutorials, and refactor code until it works and works well.
This project demonstrates my proficiency with:
| Technology | Icon | Purpose |
|---|---|---|
| HTML5 | 📄 | Semantic structure and content organization |
| CSS3 | 🎨 | Responsive design, animations, and visual styling |
| JavaScript | ⚡ | Interactive elements and dynamic functionality |
Visit the live project here: https://a-sleh.github.io/My-World/
This is more than a link; it's the proof that I can take an idea from a blank text editor to a live, interactive website on the internet.
- Semantic HTML5 structure
- Advanced CSS layout techniques
- JavaScript DOM manipulation
- Interactive UI components
- Responsive web design principles
- Clean, professional interface design
- Intuitive user navigation
- Visual hierarchy and spacing
- Consistent branding throughout
- Complete project planning and execution
- Problem-solving and debugging
- Code organization and documentation
- Version control with Git/GitHub
- 📥 Clone the repository:
git clone https://github.com/A-sleh/My-World.git