MeetMate Frontend

Overview

MeetMate is an innovative platform dedicated to small brands wanting to improve their content and appointment management. Our frontend repository focuses on delivering stunning, engaging, and high-conversion websites with a keen emphasis on search engine optimization, user experience design, and performance.

Technologies

• HTML/CSS: For structuring and styling webpages.
• REACT: A JavaScript library for building user interfaces.
• NextJS: A React framework for production.
• Tailwind: A utility-first CSS framework.
• ShadCN: A Component library for react
• Redux: A react state management library
• ThreeJS: A library to create and display 3d art and scenes

Getting Started

Prerequisites

• Node.js
• NPM/Yarn

Installation

1. Clone the repository:

   git clone https://github.com/Informatik-Projekt-Kurs/frontend.git
   

2. Navigate to the project directory:

   cd frontend
   

3. Install dependencies:

   npm install
   

   or

   yarn install
   

4. Add a .env.development or .env.production file

    JWT_SECRET="mysecretvalue"
    JWT_EXPIRATION_MS=60000
    JWT_REFRESH_EXPIRATION_MS=1209600000
    REFRESH_DOMAIN="/refresh"
    FRONTEND_DOMAIN="http://localhost:3000" // for production use real domain
    BACKEND_DOMAIN="https://seal-app-lv2sb.ondigitalocean.app"
    NEXT_PUBLIC_SYNCFUSION_LICENSE="mysecretvalue"

Building the Application

• To create a production build of the application run:

  npm run build
  

  or

  yarn build
  

Running the Application

• To run the application in production mode run:

  npm start
  

  or

  yarn start
  

• To run the application in development mode run:

  npm run dev
  

  or

  yarn dev
  

License

See LICENSE for more information.

Contact

• Project Link: https://github.com/Informatik-Projekt-Kurs/frontend
• Company Website: MeetMate
• Contact Us: boeckmann@gmail.com

---

Ben Böckmann 2024 - All Rights Reserved