🚀 React Blog Project

A modern, responsive blog application built with React and React Router v6.

Features • Demo • Installation • Usage • Technologies

✨ Features

• 📱 Responsive design for all devices
• 🎯 React Router v6 for seamless navigation
• 💅 Custom CSS animations and transitions
• 📝 Dynamic blog post rendering
• 📬 Interactive contact form
• 🎨 Modern UI with FontAwesome icons
• 🖼️ Image optimization for better performance

🎯 Demo

Homepage

Blog Posts

Article View

Contact Form

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/FIMARx/Simple-react-blog.git

2. Navigate to project directory

cd Simple-react-blog

3. Install dependencies

npm install

4. Start the development server

npm start

Visit http://localhost:3000 to view the application.

📖 Available Scripts

• npm start - Runs the app in development mode
• npm test - Launches the test runner
• npm run build - Builds the app for production
• npm run eject - Ejects CRA configuration (Note: one-way operation)

🛠️ Technologies

• React
• React Router v6
• Create React App
• FontAwesome
• CSS3 Animations

📁 Project Structure

src/
├── components/
│   ├── NavigationBar/
│   ├── Footer/
│   ├── BlogPage/
│   └── ContactForm/
├── assets/
├── styles/
└── App.js

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

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

🙏 Acknowledgments

• Create React App documentation
• React Router documentation
• FontAwesome React documentation

---

Made with ❤️ by FIMARx