Skip to content

Leonardo-Mocchi/react-api

Repository files navigation

React Blog Frontend

This is a React frontend application for a blog platform, built with React and Vite. It provides a user interface for viewing, creating, editing, and managing blog posts. It is designed to work with the Express.js backend API at https://github.com/Leonardo-Mocchi/express-blog-api-crud.

Features

  • Modern React application with Vite for fast development
  • Bootstrap UI framework for styling and components
  • Blog post listing and viewing
  • Create, edit, and delete blog posts
  • Tag-based filtering of posts
  • Responsive components (optimized for 1080p)
  • Bootstrap Icons integration
  • Fast hot module replacement during development

Installation

  1. Clone this repository
  2. Run npm install to install dependencies
  3. Start the development server with npm run dev
  4. Make sure the backend API is running on http://localhost:3000

Usage

  • The frontend runs on http://localhost:5173 (Vite default)
  • Connect to the Express.js backend API for data operations
  • Browse posts, filter by tags, and manage content through the UI

Available Scripts

Command Description
npm run dev Start development server with hot reload
npm run build Build for production
npm run preview Preview production build locally
npm run lint Run ESLint for code quality

Technologies Used

  • React 19 - Frontend framework
  • Vite - Build tool and development server
  • Bootstrap 5.3 - CSS framework
  • Bootstrap Icons - Icon library
  • ESLint - Code linting and quality

Folder Structure

  • src/App.jsx - Main application component
  • src/main.jsx - Application entry point
  • src/index.css - Global styles
  • public/ - Static assets and images
  • index.html - HTML template

Note

Site is not responsive, made only for 1080p display resolution.

License

ISC

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published