Skip to content

README.md

Latest commit

 

History

History
56 lines (40 loc) · 1.27 KB

README.md

File metadata and controls

56 lines (40 loc) · 1.27 KB
Raw

SolveEase Frontend Assignment

Branch: assignment/deepesh-pal
Position: Frontend Intern
Tech Stack: Next.js, React, TypeScript, Tailwind CSS

Project Description

This project showcases the frontend skills by improving the starter platform provided by SolveEase.
Features implemented:

  • Modern, responsive UI with Tailwind CSS.
  • Workers listing page with grid layout.
  • Sorting by name and filtering by price.
  • Card hover effects: scale, shadow, image zoom, overlay.
  • Skeleton loader for smooth loading experience.
  • Fade-in animation for cards.
  • Accessibility improvements (alt tags, semantic HTML).
  • Performance optimizations (lazy loading images via next/image).

Optional/Extra:

  • Smooth hover animations for modern frontend interactions.

How to Run Locally

  1. Clone the repository:
git clone https://github.com/Deepu23e1/frontend_dev_assignment.git
Checkout to assignment branch:

bash
Copy code
git checkout assignment/deepesh-pal
Install dependencies:

bash
Copy code
npm install
Run the development server:

bash
Copy code
npm run dev


# Screenshots / GIFs

Desktop View:  
![Desktop Layout](public/screenshots/desktop.png)

Mobile View:  
![Mobile Layout](public/screenshots/mobile.png)