React Assignment

Description

This assignment includes application with sidebar and a couple of routes as per the design attached below.

Technologies Used

1. React.js
2. TypeScript
3. Styled-Components
4. Ant Design
5. React Router
6. Jest (for testing)

Features

1. Routing in Application between different screens
2. Blog listing and detail view
3. CRUD operations for blog posts
4. Pagination for blog posts
5. User profile display

Prerequisites

1. Node.js (v14.x or higher recommended)
2. Yarn

Getting Started

Clone the Repository

git clone https://github.com/Umar888/react-assignment.git

cd react-assignment

Install Dependencies

yarn install

Running the Project

To start the development server:

yarn start

This will start the project on http://localhost:3000.

Running Tests

To run the unit tests:

yarn test

Folder Structure

/src /components # Reusable components /hooks # Custom React hooks /pages # Application pages /tests # Test files App.tsx # Main application component index.tsx # Entry point

Video Recording of the Application

https://drive.google.com/file/d/1VgMZ9Trii9uSn5G7lfNpFmiRCV165noU/view?usp=share_link