Skip to content

A simple blogging platform built with React. Users can create, view, and delete blog posts. It features responsive design and uses React Router for navigation, with JSON Server as a mock backend.

License

Notifications You must be signed in to change notification settings

ZakariaMerghmi/Dojo-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Dojo Blog

The Dojo Blog is a simple blogging platform built using React. It allows users to create, view, and manage blog posts. This project demonstrates routing with React Router, component-based architecture, and state management.

Features

  • Home Page: View a list of all blog posts.
  • Create Post: Add new blog posts using a form.
  • Blog Details: View a single blog post by ID.
  • 404 Page: A custom "Not Found" page for invalid routes.

Project Structure

  • App.js: The main component that sets up routing between different pages.
  • Navbar.js: The navigation bar for easy access to pages.
  • Home.js: Displays a list of all blog posts.
  • Create.js: A form component to add new blogs.
  • BlogId.js: Fetches and displays a specific blog post using its ID.
  • Notfound.js: A component for displaying a 404 error when a route is invalid.

Technologies Used

  • React: For building the user interface.
  • React Router: For handling routing between different pages.
  • CSS: For styling the components.

Screenshots

Home Page

home

Create Post Page

new-blog

Blog Details Page

details

Note: Add screenshots to a /screenshots folder in your project, and reference them in the README like above.

How to Run the Project

  1. Clone the repository.
    git clone https://github.com/ZakariaMerghmi/dojo-blog.git

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any inquiries, please contact (mailto:merghmizakaria@gmail.com).

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify "# Dojo-blog"

About

A simple blogging platform built with React. Users can create, view, and delete blog posts. It features responsive design and uses React Router for navigation, with JSON Server as a mock backend.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published