Webiste: FLDb
Food Lovers Database(FLDb) is a collection of food Vlogs from Food Lovers TV
This repo contains code related to frontend that serves that uses APIs from backend FLDB backend. More info: https://fl-db.in/about
- Find restaurants based on your location
- Find restaurants based on search results
- Find restaurant information such as video review, google ratings, contact number, location name, maps link, operating hours and description
- Comment and discuss on restaurant/video review of each restaurant
- React: Front-end library
- TypeScript: Programming language
- NextJS: Production ready react framework for SSR, SSG et.,
- MUI: Design library
- Netlify: Hosting and Deployment platform
- React Redux: Global state management (Probably overkill for this project). Update: Removed redux from this project
Install Node.js if you haven't already. From the root of the project folder, execute below command(s)
npm install -g yarn
yarn
Create a .env file at the root of the project folder and populate appropriate values for below keys.
NEXT_PUBLIC_FLDB_API_BASE_URL is the URL of backend API server
NEXT_PUBLIC_FLDB_API_BASE_URL=<YOUR FLDB_API_BASE_URL>
NEXT_PUBLIC_DISQUS_SHORTNAME=<YOUR_DISQUS_SHORTNAME>
For Localhost only:
HTTPS=true
SSL_CRT_FILE=cert.pem
SSL_KEY_FILE=key.pem
openssl req -x509 -newkey rsa:2048 -keyout keytmp.pem -out cert.pem
openssl rsa -in keytmp.pem -out key.pem
Place the generated cert.pem and key.pem in user root of project directory
From the root of the project folder, execute below command(s)
yarn start
This project uses New Relic to setup browser monitoring of the users. You can setup the same if you wish
This project is auto deployed using Netlify. Create a project at Netlify and link your repo if you wish to do the same. Or you can choose any other CI/CD method to build and deploy application
npm install netlify-cli -g
netlify login
netlify init
From the root of the project folder, execute below command(s)
git add .
git commit -m "<commit-message>"
git push origin <branch-name>