Skip to content

Latest commit

 

History

History
72 lines (48 loc) · 1.96 KB

README.md

File metadata and controls

72 lines (48 loc) · 1.96 KB

Simple ReactJS Blog

A simple, single-page blog built using ReactJS, focusing on displaying posts and allowing easy navigation. This project uses only JavaScript with ReactJS (no TypeScript) and minimal styling to keep it lightweight and efficient.

Table of Contents

Features

  • React Single-Page Application - Uses React for fast rendering and easy DOM manipulation.
  • Dynamic Blog Post Rendering - Posts can be easily updated or modified.
  • Responsive Design - Adapts to different screen sizes (desktop, tablet, mobile).
  • Minimalist Styling - CSS-in-JS for a simple and clean look.

Demo

Check out the live demo here: Live Demo URL (replace # with your live demo link if hosted).

Getting Started

These instructions will guide you on how to set up and run the project locally.

Prerequisites

  • Node.js (version 14.x or above)
  • npm (Node Package Manager)

Installation

  1. Clone the repository:

    git clone https://github.com/LinkNexus/ReactBlog.git
cd ReactBlog

  2. Install the dependencies:

    npm install

  3. Start the development server:

    npm run dev

  4. Open your browser and visit http://localhost:5173 to see the blog.

Usage

  • Adding a New Post: The data is obtained by Jsonplaceholder API.
  • Styling: The entire styling is made by bootstrap, integrated using a cdn. If you want to change the styling, feel free to create your custom css files or change the already set classes.
  • Build for Production: Run npm run build to create an optimized production build in the build/ directory.