Building digital experiences that stand out

const express = require('express');
const mongoose = require('mongoose');
const app = express();
const PORT = process.env.PORT || 3001;

app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use('/api', require('./routes'));

mongoose.connect('mongodb://localhost/socialnetapi');
                                

import React, { useState, useEffect } from 'react';
import { fetchData } from './api';

function App() {
  const [data, setData] = useState([]);
  
  useEffect(() => {
    async function getData() {
      const result = await fetchData();
      setData(result);
    }
    getData();
  }, []);

  return (
    <div className="app">
      <h1>Koford Web App</h1>
      {data.map(item => (
        <div key={item.id}>
          {item.name}
        </div>
      ))}
    </div>
  );
}