Fastify-React-E-Menu

It is an Editable menu in which you can create, modify and delete items. In more technical terms it is a Fullstack CRUD application made using React, Redux, Fastify and MongoDB

Usage

• Create a Project on MongoAtlas and thereafter create a clusture. Now, click on connect and create a user, then add your ip address next step. Now just click on connect your application and use the generated key of mongo database in file where you are connecting to MongoDB.

• Open .env file present at root directory and replace <USER_PASSWORD> with your password that you created while creating cluster.

  NODE_ENV=development
  MONGO_ATLAS_PW=<USER_PASSWORD>

• now you just need to do npm install

Available Scripts

In the project directory, you can run:

npm run dev

Builds and Hot reloads the react app in the development mode.
Open http://localhost:1234 to view it in the browser.

npm start

Starts the react app hosted on node server in production environment.
Open http://localhost:3000 to view it in the browser.

Tutorial on Medium

• Part 1 - Static implementation of app using React and Redux.
• Part 2 - Making changes persistant using Fastify and MongoDB.