A modern and interactive MERN stack web application that allows users to explore, compare, bookmark, and review various fruits and flowers โ with support for multilingual interface, dark mode, voice search, and external API integration.
Frontend | Backend | Database | External APIs |
---|---|---|---|
React, Bootstrap 5 | Express.js, Node.js | MongoDB | Spoonacular, Wikipedia |
fruit-flower-encyclopedia/ โโโ client/ โ โโโ src/ โ โ โโโ components/ โ โ โโโ pages/ โ โ โโโ App.jsx โ โ โโโ index.jsx โ โ โโโ assets/style.css โโโ server/ โ โโโ controllers/ โ โโโ models/ โ โโโ routes/ โ โโโ utils/ โ โโโ config/db.js โ โโโ app.js โโโ data/ โ โโโ fruits.json โ โโโ flowers.json โโโ .env โโโ package.json
git clone https://github.com/your-username/fruit-flower-encyclopedia.git
cd fruit-flower-encyclopedia
### 2. Backend Setup
```bash
cd server
npm install
.env
fileMONGO_URI=mongodb://localhost:27017/fruitFlowerDB
SPOONACULAR_KEY=your_spoonacular_api_key
PORT=5000
Then run:
npm run dev
cd ../client
npm install
npm start
๐ View Live Site
Add 2โ3 screenshots showcasing:
![]()
GET /api/fruits
โ Get all fruitsGET /api/fruits/:name
โ Get fruit by nameGET /api/flowers
โ Get all flowersGET /api/flowers/:name
โ Get flower by namePOST /api/reviews
โ Submit a reviewGET /api/reviews/:itemName
โ Get all reviews for an item