• Deployment Platform: Vercel
• Deployed Link : https://tech-synergy-jade.vercel.app/

• Language: TypeScript
• Framework: Next.js
• Styling: TailwindCSS 🎨
• Architecture: MVVC (Model-View-ViewModel-Controller)
• Testing: Jest
• Storybook: Integrated ✅

1. Clone the repository:

   git clone https://github.com/lokeshdarla/TechSynergy

2. Navigate to the project directory:

   cd TechSynergy

3. Install dependencies:

   npm install

  # to run the project
  npm run dev

/app
  # Next.js pages
/components
  #  components
/public
  # Images
/tests
  # Jest test files
/stories
  # Storybook configuration and stories

I have added test cases to render different button components, card components, and some additional components like hero and images. To run the test cases:

# Run tests
npm test

I have included Storybook to showcase various button and card components. To run Storybook locally:

# Run Storybook
npm run storybook

The landing page faces responsiveness issues due to the absolute positioning of some vectors and images.

Difficulty integrating Tailwind CSS with Storybook, leading to duplicated CSS work.