Articles Management

A modern React application for browsing and managing articles with a clean, responsive interface.

Features

• Browse articles in a grid layout
• View individual article details with background images
• Search and filter articles by keywords
• Responsive design with Material-UI components
• State management with Redux Toolkit

Tech Stack

• React 19 with TypeScript
• Redux Toolkit for state management
• Material-UI for UI components
• React Router for navigation
• Vite for build tooling
• SCSS for styling

Getting Started

1. Clone the repository:

   git clone <repository-url>
   cd articles-management

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173 in your browser

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

Project Structure

src/
├── components/     # Reusable UI components
├── features/       # Redux slices and features
├── pages/          # Page components
├── services/       # API services
├── types/          # TypeScript type definitions
├── utils/          # Utility functions
└── styles/         # Global styles and SCSS variables