Skip to content

💸 Frontend for expense tracker. Written using Next.js, Chakra UI and Apollo Client.

Notifications You must be signed in to change notification settings

dives-app/dives-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dives-frontend

Getting Started

First, go into your "projects" directory.

Clone this repo:

git clone https://github.com/dives-app/dives-frontend.git
# or if you use SSH key
git clone git@github.com:dives-app/dives-frontend.git
# or GH CLI
gh repo clone dives-app/dives-frontend

Create your own .env.development file:

cp .env.sample .env.development

If you run your backend GraphQL Endpoint on a different address, you can adjust it in this file.

Now you can run the NextJS development server:

yarn dev

Open http://localhost:5000 with your browser to see the app.

Other useful commands

yarn build-start - builds and starts the app locally (with local API)

yarn gen - to run graphql-code-generator

yarn analyze - runs bundle analyzer and generates reports in .next/analyze

yarn as - short for "analyze and start" - runs yarn analyze and serves it using http-server (install it globally if you want to use this command)

yarn clean - removes node_modules and .next folders

CI/CD

Each push to main triggers build and deploy on Google Cloud Run and the website becomes available at dives-txvot44owa-ez.a.run.app.

Knowledge base

Next.js:

Storybook:

About

💸 Frontend for expense tracker. Written using Next.js, Chakra UI and Apollo Client.

Resources

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •