Thanks to visit codestin.com
Credit goes to github.com

Skip to content

aryan-dani/Portfolio

Repository files navigation

🚀 My Portfolio – A No-Framework Challenge

Welcome to my personal portfolio! 🎨💻 This project is a self-imposed challenge to build a fully functional, responsive, and visually appealing portfolio using only HTML, CSS, JavaScript, and SCSSno frameworks, no libraries, just pure code!

🌟 Why This Challenge?

In a world dominated by frameworks like React, Angular, and Vue, I wanted to push my limits and strengthen my core front-end skills. This project is about:

  • Mastering Vanilla JavaScript for interactivity
  • Crafting beautiful UI/UX with only CSS & SCSS
  • Building everything from scratch without dependencies

🔥 Features

  • 🎭 Minimal & Modern Design – Clean, intuitive, and easy to navigate
  • 📱 Fully Responsive – Looks great on all devices
  • 🎨 SCSS for Styling – Clean, maintainable, and scalable styles
  • 📂 Custom-Built Components – No Tailwind, just a Bootstrap Grid

🛠️ Technologies Used

  • HTML5 – Semantic, structured markup
  • CSS3 / SCSS – Custom styling with modular SCSS
  • Vanilla JavaScript (ES6+) – For the navigation pane animation
  • Git & GitHub – Version control and project hosting

🚀 Getting Started

Clone this repository and open index.html in your browser.

git clone https://github.com/aryan-dani/Portfolio.git
cd Portfolio
open index.html

📌 To-Do

  • Add more animations and effects
  • Improve performance and optimize assets
  • Add more javascript features

🎯 What I Learned

This project helped me enhance my skills in:

  • Deep dive into CSS animations and transitions
  • SCSS structuring for maintainability
  • DOM manipulation without libraries
  • Responsive design techniques without a framework

🤝 Contributing

Want to improve this project? I’d love your help! Here’s how you can contribute:

  1. Fork the Repository
  2. Create a New Branch (git checkout -b feature-name)
  3. Commit Your Changes (git commit -m "Add some feature")
  4. Push to the Branch (git push origin feature-name)
  5. Open a Pull Request 🚀

Suggestions, improvements, and feedback are always welcome! 😊

📬 Contact

If you have questions, ideas, or just want to connect, feel free to reach out:

⭐ Show Your Support

If you like this project, consider starring ⭐ the repo and sharing it with others. Every bit of support helps!

📄 License This project is licensed under the MIT License – see the LICENSE file for details.

About

Designing a Portfolio Using plane HTML-5, SCSS and Vanilla Javascript

Topics

Resources

License

Stars

Watchers

Forks