lmas3009

import React, { useState, useEffect } from 'react';
import axios from 'axios'

function Main() {

    const [data,setdata] = useState([])

    useEffect(() => {
        async function fetchData() {
            const res = await axios.get("https://user-details-mern.herokuapp.com/details")

lmas3009

function Navbar() {
    return (
    <div className="navbar">
        <div className="right">
          <ul>
            <li>
              MERN STACK DEVELOPMENT
            </li>
          </ul>
        </div>

lmas3009

import Navbar from './Navbar'
import Main from './Main'
import { Link, browserHistory, IndexRoute, BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function Home() {
    return (
        <div className="App">    
        <Router browserHistory>
            <Navbar />

lmas3009

import './App.css';
import { Link, browserHistory, IndexRoute, BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home'
import AddDetails from './AddDetails'


function App() {
  return (
    <div>

lmas3009

app.get("/details", function (req, res) {
    
    UserDetails.find((err, data) => {
        if (err) {
            res.status(501).send(err)
        }
        else {
            res.status(200).send(data)
        }
    })

lmas3009

import mongoose from 'mongoose';

const UserDataSchema = mongoose.Schema({
    Name: String,
    FName: String,
    Address: String,
    PhonNo: String,
    Email: String
})

lmas3009

[
    {
        "name": "Kia Sonet",
        "Model": "Sonet",
        "Price": "Rs. 6.79 - 13.19 Lakh",
        "meta":{
            "Fuel_Type": "Petrol / diesel",
            "Mileage":"18.4 - 24.1 Kmpl",
            "Seating_Capacity": 5
        }

lmas3009

{
  "name": "rest_api",
  "version": "1.0.0",
  "description": "Rest API using MEN (MongoDB,ExpressJs and NodeJs)",
  "main": "server.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon server.js"
  },

lmas3009

import express from 'express'
import mongoose from "mongoose"
import Cors from 'cors'
import Cars from './Cars'

var app = express()
var port = process.env.PORT || 8080 

app.use(express.json())
app.use(Cors())

lmas3009

app.get("/Cars", function (req, res) {
    
    try {
        Cars.find((err, data) => {
        if (err) {
            res.status(500).send(err)
        }
        else {
            res.status(200).send(data)
        }