https://github.com/sharjeelsafdar/project12f-macro-compliance-tracker

A Macro Compliance Tracker where you can set daily targets for calories, carbs, fats, and proteins, and track your targets too. It is a Server-Side Rendered Web App, built with NextJS, MongoDB, and TypeScript, and deployed on Vercel.
https://github.com/sharjeelsafdar/project12f-macro-compliance-tracker

mongodb nextjs server-side-rendering ssr typescript vercel

Last synced: 5 days ago
JSON representation

A Macro Compliance Tracker where you can set daily targets for calories, carbs, fats, and proteins, and track your targets too. It is a Server-Side Rendered Web App, built with NextJS, MongoDB, and TypeScript, and deployed on Vercel.

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project12f-macro-compliance-tracker
• Owner: SharjeelSafdar
• Created: 2021-04-15T22:50:32.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-06-02T11:03:12.000Z (over 3 years ago)
• Last Synced: 2024-12-16T22:33:29.926Z (about 2 months ago)
• Topics: mongodb, nextjs, server-side-rendering, ssr, typescript, vercel
• Language: TypeScript
• Homepage: https://macro-compliance-tracker-p12f.vercel.app
• Size: 68.4 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  Project 12F: Macro Compliance Tracker With NextJS, MongoDB, TypeScript, and Vercel



### Link to Web App

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). The web app has been deployed to [Vercel](https://vercel.com/), and can be accessed [here](https://macro-compliance-tracker-p12f.vercel.app/).

### Features

The following are some of the features of this project:

- User can set daily targets and track actual results for different macros for each day

- Uses [MongoDB](https://www.mongodb.com/) to store the daily macro targets and results

- An API endpoint at `/api/daily` to access the MongoDB databbase

- The app is server-side rendered. At first loading, the home page gets the date during server-side rendering. However, subsequent data is fetched using the API.

- Bootstrapped with [NextJS](https://nextjs.org/)

- Site hosted on [Vercel](https://vercel.com/)

- CI/CD with Vercel

- Completely typed with TypeScript