This commit is contained in:
139
README.md
Normal file
139
README.md
Normal file
@@ -0,0 +1,139 @@
|
||||
# daily-aujourdhui-frontend
|
||||
|
||||
Daily Aujourd’hui is a platform where users can create daily meeting
|
||||
polls, invite participants, and vote on whether a meeting is necessary.
|
||||
|
||||
This repository contains the frontend code for the project.
|
||||
|
||||
The backend for this project can be found
|
||||
[here](https://labs.phundrak.com/phundrak/daily-aujourdhui-backend).
|
||||
|
||||
## Project Setup
|
||||
|
||||
### Prerequisites
|
||||
|
||||
- Node.js
|
||||
- npm
|
||||
|
||||
### Installation
|
||||
|
||||
1. Clone the repository:
|
||||
|
||||
```bash
|
||||
git clone https://labs.phundrak.com/phundrak/daily-aujourdhui-frontend.git
|
||||
cd daily-aujourdhui-frontend
|
||||
```
|
||||
|
||||
2. Install dependencies:
|
||||
|
||||
Using npm:
|
||||
|
||||
```bash
|
||||
npm i
|
||||
```
|
||||
|
||||
Using yarn:
|
||||
|
||||
```bash
|
||||
yarn install
|
||||
```
|
||||
|
||||
Using pnpm:
|
||||
|
||||
```bash
|
||||
pnpm install
|
||||
```
|
||||
|
||||
3. Create a `.env` file
|
||||
|
||||
```bash
|
||||
cp .env.example .env
|
||||
```
|
||||
|
||||
Modify the environment variables to fit your installation of Daily
|
||||
Aujourd’hui.
|
||||
|
||||
4. Run the development server
|
||||
|
||||
Using npm:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Using yarn:
|
||||
|
||||
```bash
|
||||
yarn dev
|
||||
```
|
||||
|
||||
Using pnpm:
|
||||
|
||||
```bash
|
||||
pnpm run dev
|
||||
```
|
||||
|
||||
### Building for Production
|
||||
|
||||
To build the project for production, run:
|
||||
|
||||
- Using npm:
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
- Using yarn:
|
||||
|
||||
```bash
|
||||
yarn build
|
||||
```
|
||||
|
||||
- Using pnpm:
|
||||
|
||||
```bash
|
||||
pnpm run build
|
||||
```
|
||||
|
||||
## Project Structure
|
||||
|
||||
```text
|
||||
src/
|
||||
├── assets/ # Static assets such as images, fonts, styles, etc.
|
||||
├── components/ # Vue components
|
||||
│ └─ __tests__/ # Vue components tests
|
||||
├── composables/ # Vue composables for reusable logic
|
||||
│ └─ __tests__/ # Vue composables tests
|
||||
├── router/ # Vue Router configuration
|
||||
├── stores/ # Pinia stores for state management
|
||||
│ └─ __tests__/ # Vue stores tests
|
||||
├── views/ # Vue views/pages
|
||||
├── App.vue # Main Vue component
|
||||
└── main.ts # Main entry point
|
||||
```
|
||||
|
||||
## Environment Variables
|
||||
|
||||
You can create your `.env` file based on the example file
|
||||
`.env.example`. Here are the variables you need to set to make your
|
||||
frontend work correctly:
|
||||
|
||||
- `VITE_LOGTO_ENDPOINT`: The enpoint used by your Logto application.
|
||||
This value should be given to you by Logto when you create your
|
||||
application in the Logto console.
|
||||
- `VITE_LOGTO_APP_ID`: The identifier of your application. Same as
|
||||
above.
|
||||
- `VITE_HOSTNAME`: The hostname of your frontend. When running in
|
||||
development, it will usually be `http://localhost:5173`, but it can
|
||||
become something like `https://example.com` when you deploy it in
|
||||
production.
|
||||
|
||||
**Warning**: The hostname must NOT end with a trailing slash.
|
||||
- `VITE_API_BASE_URL`: The hostname of your backend. In development,
|
||||
it will probably be `http://localhost:3000`, but it can become
|
||||
something like `https://api.example.com` when in production.
|
||||
|
||||
## License
|
||||
|
||||
This project is licensed under the AGPL-3.0 free license. See the
|
||||
[LICENSE](LICENSE.md) for more details.
|
||||
Reference in New Issue
Block a user