An interactive, responsive web app created by Immaculate Munde that offers personalized mentorship advice based on what the user needs โ whether it's about career, relationships, education, or personal growth. Simply type what you're seeking advice on, and receive an encouraging tip tailored to your topic.
- ๐ง Smart keyword matching for categories (e.g. career, relationships, spirituality)
- ๐ฏ Randomized tone + tip combinations for variety
- ๐จ Teal and blue animated gradient design
- ๐ Light/Dark mode toggle for comfort
- ๐ค Animated emoji effects to make it fun and engaging
- ๐ Clean, responsive user interface
- You type a word like:
relationships,career,education, etc. - The app matches your input to a known mentorship category.
- It selects a random tone and advice tip.
- The advice is displayed with animation and emoji effects.
peer-mentorship-advice/ โ โโโ index.html # Main HTML structure โโโ style.css # Styling and theme animations โโโ script.js # JavaScript logic to generate advice
bash Copy Edit
- Clone this repository:
git clone https://github.com/immaculate-munde/peer-mentorship-advice.git
Navigate to the project folder:
cd peer-mentorship-advice Open index.html in your browser:
On VS Code, right-click โ "Open with Live Server"
Or just double-click index.html in your file manager