MoodRater is a web application built with Next.js and React that allows users to assess their mood and receive personalized encouragement and activity suggestions based on their current emotional state.
- User-friendly interface for mood assessment
- Personalized mood messages based on user input
- Activity suggestions tailored to the user's mood
- Responsive design using Tailwind CSS
- Next.js
- React
- Tailwind CSS
- Radix UI Primitives
Before you begin, ensure you have the following installed on your local machine:
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
-
Clone the repository:
git clone https://github.com/yourusername/mood-rater.git
-
Navigate to the project directory:
cd mood-rater
-
Install the dependencies:
npm install
To run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
mood-rater/
├── app/
│ ├── layout.js
│ ├── page.js
│ └── globals.css
├── components/
│ ├── MoodRater.js
│ └── ui/
│ ├── card.js
│ ├── label.js
│ ├── input.js
│ ├── slider.js
│ └── button.js
├── public/
├── tailwind.config.js
├── next.config.js
├── package.json
└── README.md
You can customize the mood messages and activity suggestions by modifying the getMoodMessage
and getActivitySuggestions
functions in the components/MoodRater.js
file.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
If you have any questions, feel free to reach out to https://www.linkedin.com/in/olimiemma/