https://github.com/ollymonger/whats-for-lunch

React TypeScript project which displays a random selection of food for lunch based on data fetched using an Express server & Prisma. Uses Material UI for formatting.
https://github.com/ollymonger/whats-for-lunch

Last synced: 25 days ago
JSON representation

React TypeScript project which displays a random selection of food for lunch based on data fetched using an Express server & Prisma. Uses Material UI for formatting.

• Host: GitHub
• URL: https://github.com/ollymonger/whats-for-lunch
• Owner: ollymonger
• Created: 2021-06-30T21:45:13.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-02T22:51:50.000Z (over 3 years ago)
• Last Synced: 2023-03-03T09:59:17.484Z (over 1 year ago)
• Language: TypeScript
• Homepage:
• Size: 243 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# whats-for-lunch

React TypeScript project which displays a random selection of food for lunch.

## Images

![alt text](https://i.imgur.com/FtRJFfU.png)

![alt text](https://i.imgur.com/djw7GTR.png)

### Aims of this project

Have you had a hard time thinking of what to eat for lunch? 

In this project, you will understand how I have used useEffect & useState hooks to gather LunchItems from a database using an Express server and prisma for Typescript!

Feel free to check this project out, and never feel hungry again!

### Available scripts

- `npm run start:server` = start the node server.

- `npm start` = start the front end.

- `npm ci` = delete node_modules and download most recent packages

- `npm run test` = run all available tests in src/testing/