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.
- 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.
Check out the live demo here: Live Demo URL (replace # with your live demo link if hosted).
These instructions will guide you on how to set up and run the project locally.
- Node.js (version 14.x or above)
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/LinkNexus/ReactBlog.git cd ReactBlog -
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit http://localhost:5173 to see the blog.
- 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 buildto create an optimized production build in thebuild/directory.