🍽️ DineRate

DineRate is a restaurant rating and review application built with React Native (Expo) on the frontend and Node.js + MongoDB on the backend.

---

📄 Project Documents

• Project Documentation
• User Story
• Product Backlog
• Software Architecture Models
• Sprint Retrospective (Module 6)
• Presentation Slide
• Sprint 1 Presentation
• Documentation Report
• Final Presentation

---

📁 Repository Structure

gatorhong-dinerate/
├── client/ # React Native (Expo) frontend
│ ├── app/ # App screens & routing (Expo Router)
│ ├── assets/ # Fonts and images
│ ├── components/# Reusable UI components
│ ├── constants/ # Style and config constants
│ ├── context/ # Global context (auth)
│ └── services/ # API interaction logic
├── server/ # Express backend with MongoDB Atlas
│ ├── config/ # DB configuration
│ ├── controllers/ # Route logic
│ ├── middlewares/# Middleware (auth)
│ ├── models/ # Mongoose schemas
│ └── routes/ # API route definitions
└── README.md # Project documentation

---

🏁 Project Setup Workflow

🛠️ First-Time Setup (Do this once)

Follow these steps to set up DineRate for the first time on your machine:

1. Clone the repository:

   git clone https://github.com/GatorHong/DineRate.git
   cd DineRate

2. Install dependencies for both frontend and backend:

   • Frontend:

     cd client
     npm install

   • Backend:

     cd ../server
     npm install

3. Install Expo CLI globally (if not already installed):

   npm install -g expo-cli

4. Create a .env file inside the server/ folder:

   MONGO_URI=<your-mongodb-atlas-connection-string>
   PORT=5000

---

🧪 Running the App

1. Start the backend server:

Open a terminal and run:

cd server
npm run dev

The backend will run at: http://localhost:5000

2. Start the frontend (Expo app):

Open another terminal and run:

cd client
npx expo install expo-location   # Run once if not installed
npx expo start

You can preview the app using:

• Expo Go app on your physical device (scan the QR code)
• Android Emulator or iOS Simulator
• Development builds: Expo Dev Builds

---

🔁 Daily Development Workflow

Every time you start working on the project:

1. Start the backend:

   cd server
   npm run dev

2. Start the frontend:

   cd client
   npx expo start

---

Resources

Mobile & Frontend

• React Native
• Expo
• Expo Documentation
• Expo Router Guide
• React Navigation
• Async Storage
• Axios

Backend & API

• Express.js
• JWT Auth
• Google Places API

Database

• MongoDB Docs
• MongoDB Manual

Project Management

• Jira

---

🤝 Join the Community

• Expo GitHub
• Expo Discord