React JS Wedding Invitation

Description

This repository contains a digital wedding invitation system built with a React frontend and a Node.js backend using Express. The data is stored in a MongoDB non-relational database. The project facilitates the creation and management of wedding invitations through a user-friendly interface. React handles the frontend interactions, while Express manages server-side operations. MongoDB provides flexible and scalable storage for guest lists and event details.

Usage

Prerequisites

• Node.js (v20.10.0)
• Vite.js (v5.0.4)
• React.js (v18.2.0)

Installation

1. Clone the Repository:

   git clone https://github.com/FedeCasper/wedding-invitation.git

2. Navigate to the project directory:

   cd wedding-invitation
   

Frontend Setup

3. Navigate to the frontend directory:

   cd frontend

4. Install dependencies:

   npm install 
   

Backend Setup

5. Navigate to the backend directory:

   cd frontend
   

Manager Setup

6. Navigate to the manager directory:

   cd frontend
   

7. Open a new terminal and navigate to the frontend directory
8. Start the frontend:

   npm run dev

9. Open your browser and visit http://localhost:3000

Project Structure

• /back: Backend source code
• /frontend: Frontend source code
• /manager: Admin source code

Usage

...

Database

This project uses MongoDB Atlas as its database. Ensure you have an account on MongoDB Atlas and follow these steps:

1. Create a cluster in MongoDB Atlas.
2. Configure your cluster's security by allowing access from any IP address (0.0.0.0/0) or adjust it according to your security needs.
3. Create a database user with the necessary permissions.
4. Get the MongoDB Atlas connection string. It should have a format similar to: mongodb+srv://<username>:<password>@cluster0.mongodb.net/<database_name>?retryWrites=true&w=majority

Known Issues

• None

Contact

For any questions or issues, feel free to reach out at

   federicorouyere@gmail.com