https://github.com/ramxcodes/advice-me-ram
Advice Me is a simple and intuitive web app that provides random pieces of advice to users. This project is perfect for those looking to create their first React or Vercel-hosted application or for anyone who enjoys receiving motivational tips.
https://github.com/ramxcodes/advice-me-ram
api axios frontend full-stack nodejs react
Last synced: about 2 months ago
JSON representation
Advice Me is a simple and intuitive web app that provides random pieces of advice to users. This project is perfect for those looking to create their first React or Vercel-hosted application or for anyone who enjoys receiving motivational tips.
- Host: GitHub
- URL: https://github.com/ramxcodes/advice-me-ram
- Owner: ramxcodes
- Created: 2024-10-29T13:12:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-04T01:15:47.000Z (over 1 year ago)
- Last Synced: 2025-02-05T13:51:16.935Z (over 1 year ago)
- Topics: api, axios, frontend, full-stack, nodejs, react
- Language: JavaScript
- Homepage: https://advice-me-ram.vercel.app
- Size: 522 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Advice Me Ram 💬
Welcome to **Advice Me**! This is a full-stack MERN web application designed to provide insightful advice on various topics. Whether you’re looking for motivational quotes, life advice, or just some daily wisdom, **Advice Me** has you covered! 🌟
## About the Project 📖
**Advice Me** is a simple and intuitive web app that offers random pieces of advice to users. Not only can you browse advice, but you can also add your own wisdom to the app! 😃
## Features
- 🌈 **Random Advice**: Instantly fetch a new piece of advice with a single click.
- ✍️ **Add Your Own Advice**: Share your own insights and add to the collection.
- 🎨 **Simple & Clean UI**: Focused on user experience with a modern, minimalist design.
- 🚀 **Fast & Lightweight**: Built with modern web technologies for quick loading times.
## Live Demo
Explore the app in action here: [Advice Me Live](https://advice-me-ram.vercel.app/)
## Tech Stack 🛠️
- **Frontend**: React.js
- **Backend**: Node.js, Express, MongoDB
- **Node Packages**: `cors`, `mongoose`, `axios`, `html2canvas`, `nodemon`, `dotenv`
- **Styling**: TailwindCSS / CSS
- **Deployment**: Vercel (Frontend), Render (Backend)
## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
- Ensure **Node.js** and **npm** are installed on your local machine. Download them [here](https://nodejs.org/).
### Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/ramxcodes/Advice-me.git
cd Advice-me
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Run the Application**:
```bash
npm run dev
```
The app will start at `http://localhost:5173`. Open this URL in your browser to view the app.
## Usage Guide 📌
- **Get Random Advice**: Click the button to fetch a random piece of advice.
- **New Advice**: Click again or refresh the page for more wisdom.
- **Add Advice**: Navigate to the "Send Advice" section to submit your own advice.
Enjoy the app and feel free to share your feedback!