Moments - A Wedding Photography Service Web Application

Live Preview

Moments is a single page web application created using React.js for a wedding photography agency. It provides users with the ability to browse and book services, view their booking history, and leave reviews for the services they received. Additionally, it provides administrators with the ability to manage services, view orders, and add new administrators.

---

Table of Contents

• Installation
• Usage
• Technologies Used

---

Installation

Clone the client and server repositories to your local machine using the following commands:

git clone https://github.com/shahiduljahid/Moments.git

git clone https://github.com/shahiduljahid/wedding-photographer-server.git

Navigate to the root directory of each repository and run the following command to install the required dependencies:

npm install

Create a Firebase project and configure the authentication and hosting settings as described in the Firebase documentation.

Create a MongoDB database and obtain the connection string.

Create a .env file in the server directory and add the following environment variables:

PORT=5000
DB_URI=<your MongoDB connection string>

Create a .env.local file in the client directory and add the following environment variables:

REACT_APP_API_BASE_URL=http://localhost:5000
REACT_APP_FIREBASE_API_KEY=<your Firebase API key>
REACT_APP_FIREBASE_APP_ID=<your Firebase API ID>

Start the server and client by running the following commands in the respective directories:

npm start

---

Usage

User

As a user, you can browse and book services, view your booking history, and leave reviews for the services you received.

1. Visit the Moments web application at https://your--moments.web.app/
2. Click on the "Appointment" or "Check Service" button to view the available services.
3. Click on the "Book Now" button next to the service you want to book.
4. Fill out the booking form with your information and click the "Pay Now" button to complete the booking process.
5. Click on the "Order" button in the navigation bar to view your booking history.
6. Click on the "Review" button in the navigation bar to leave a review for the services you received.

Admin

As an admin, you can manage services, view orders, and add new administrators.

1. Visit the Moments web application at https://your--moments.web.app/
2. Click on the "Admin" button in the navigation bar and enter your admin email and password to log in.
3. Click on the "Add Service" button to add a new service.
4. Click on the "Order List" button to view the orders placed by users.
5. Click on the "Add Admin" button to add a new administrator.

Technologies Used

• React.js
• React Router
• Firebase Authentication
• Firebase Hosting
• Bootstrap
• Axios
• Express.js
• MongoDB
• Mongoose
• JSON Web Tokens
• Vercel Hosting