https://github.com/u-c-s/fiction-logs

A minimal web-app for storing the film watchlists
https://github.com/u-c-s/fiction-logs

mantine movie-list nextjs

Last synced: about 6 hours ago
JSON representation

A minimal web-app for storing the film watchlists

• Host: GitHub
• URL: https://github.com/u-c-s/fiction-logs
• Owner: U-C-S
• License: mit
• Created: 2022-05-24T12:45:08.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-06T00:08:56.000Z (over 1 year ago)
• Last Synced: 2024-10-12T14:34:23.828Z (about 1 month ago)
• Topics: mantine, movie-list, nextjs
• Language: TypeScript
• Homepage:
• Size: 634 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Fiction Logs (Name subjected to change)

A minimal web-app for storing the film watchlists

Created with :

`Fastify, Next.js, Mantine, TypeScript, Postgres, and Prisma`

## Getting Started

### Create the .env files

for `api/.env`:

```env

DATABASE_URL=postgres://user:password@localhost:5432/database # or whatever your database connection string is

```

for `web/.env`:

```env

NEXT_PUBLIC_API_URL=http://localhost:3100 # or whatever the URL ur api is located at

```

### Run the following commands

NOTE: This project uses NPM Workspaces, so you need to run the following commands in the root directory of the project.

- `npm install` at the root of repository

- use `npm run dev -w web` to start the nextjs frontend dev server

- For REST API server,

  - Make sure you had set the `DATABASE_URL` in the `api/.env` file

  - `npm run generate -w api` to generate the types based on `api/prisma/schema.prisma`

  - if you are using a new empty database, then `npx prisma migrate dev -n create` to create the tables in your database

  - use `npm run dev -w api` to start the fastify backend dev server

### Deploying the project

Currently, Only Supports for direct deploy to Vercel. 

- frontend, make sure to set the Root directory to the `/web` and the env for pointing to your api as shown in the above steps.

- REST API, similarly make sure to set the Root directory to the `/api` and the script `npm run vercel-build` is used for building the project.

## Why ??

I just need a simple way to store the film watchlists. I currently maintain a text file to store the film watchlists which is OK for me till now, but to share it others and to make it more accessible, This does the job. That's a reason why the film names aren't autocompleted while typing.