SpeakFeel is an interactive web app designed to help users expand their emotional vocabulary by connecting emotions to nuanced words and definitions. Through a simple emoji-based interface, users can explore different emotional states, learn related submoods, and gain a deeper understanding of how to express their feelings.
- Interactive Emoji-Based Interface: Choose from various core emotions like joy, sadness, anger, fear, surprise, and love.
- Emotional Vocabulary Expansion: Learn related submoods (nuanced emotional states) and their detailed definitions.
- User Privacy: No data is stored or shared — the app is completely private.
- Frontend: React
- Deployment: GitHub Pages
- Styling: CSS Flexbox/Grid for layout, responsive design
Check out the live app here: SpeakFeel on GitHub Pages
To run this project locally, follow these steps:
git clone https://github.com/RedBeret/speakfeel.git
cd speakfeel
Make sure you have Node.js installed, then run:
npm install
npm start
This will start the app in development mode. Open http://localhost:3000 to view it in the browser.
To create an optimized production build, run:
npm run build
The project is configured for deployment using GitHub Pages. To deploy, simply run:
npm run deploy
- Select an emotion by clicking on an emoji that represents your current mood.
- SpeakFeel will randomly select a submood from the chosen emotion and display its definition.
- Use this expanded vocabulary to express your feelings more accurately.
Contributions are welcome! If you have any suggestions, feature requests, or bug fixes, feel free to open an issue or submit a pull request.
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature/new-feature
- Commit your changes:
git commit -m "Add new feature"
- Push to your branch:
git push origin feature/new-feature
- Open a Pull Request.
This project is licensed under the MIT License
- react
- emotional-intelligence
- emoji
- emotion
- vocabulary
- javascript
- web-app
- self-awareness
- github-pages