freeairesumebuilder/src/App.js

Personal portfolio template built with React

import React, { useState } from 'react';
import Sidebar from './components/Sidebar';
import Navbar from './components/Navbar';
import About from './components/About';
import Resume from './components/Resume';
import Portfolio from './components/Portfolio';
import Blog from './components/Blog';
import Contact from './components/Contact';

import GravityTags from './components/GravityTags';

function App() {
  const [activeSection, setActiveSection] = useState('about');

  const renderActiveComponent = () => {
    switch(activeSection) {
      case 'about':
        return <About />;
      case 'resume':
        return <Resume />;
      case 'portfolio':
        return <Portfolio />;
      case 'blog':
        return <Blog />;
      case 'contact':
        return <Contact />;
      default:
        return <About />;
    }
  };

  return (
    <>
      <GravityTags />
      <main>
        <Sidebar />
        <div className="main-content">
          <Navbar setActiveSection={setActiveSection} />
          {renderActiveComponent()}
        </div>
      </main>
    </>
  );
}

export default App;