Batch Assignment

Getting Started

Step 1: Clone the Repository

git clone https://github.com/tharsh95/batch.git

Step 2: Install Dependency

# Using yarn
yarn

# Using npm
npm install

Step 3:Run the application

# Using yarn
yarn dev

# Using npm
npm run dev

Step 4:Open the browser

Open your browser and navigate to http://localhost:3000.

Brief Description

Shadcn Library used for light box effect on thumbnail images

I was a bit confused about what to implement at first.
The instructions said to design a blog according to a Figma link,
but the Figma link showed that the blog section didn't contain images while the work section did.

Here's what I did:

1)Implemented a lightbox and hover effect on the items in the work section.
2)Added a hover effect on the items in the blog section.
3)Implemented search functionality for both the blog and work sections.
4)Lastly, implemented a dark mode for the entire application.

Figma Link

https://www.figma.com/community/file/882879599442878081