React.js and Tailwind CSS Assignment

This project is a React.js application built using Tailwind CSS for styling. It consists of multiple components to create a cohesive web application. Below is a brief overview of each component:

Components

Navbar

  • Displays navigation links for different sections of the application.

HeadLine

  • Renders a headline section with a title and description.

Connected

  • Represents a section related to staying connected.

DiversityPage

  • Displays content related to diversity and inclusion.

SuccessPage

  • Showcases content related to success stories.

AppreciationPage

  • Displays content expressing appreciation.

StoryPage

  • Represents a section dedicated to storytelling.

GlobalBusiness

  • Showcases information about global business initiatives.

Footer

  • Renders the footer section with links and copyright information.

App Structure

The App component is the main entry point of the application. It renders the following components in the specified order:

1 Navbar

2 HeadLine

3 Connected

4 DiversityPage

5 SuccessPage

6 AppreciationPage

7 StoryPage

8 GlobalBusiness

9 Footer

Usage

To run the application, follow these steps:

  • Clone the repository to your local machine.
  • Navigate to the project directory.
  • Run npm install to install dependencies.
  • Run npm run dev to start the development server.
  • Open your browser and go to http://localhost:5173/ to view the application.

Technologies Used

  • React.js
  • Tailwind CSS

ASSIGNMENT FOR THE FRONTEND DEVELOPER ROLE BELOW TO DO:

Figma link

  • Convert Figma to HTML/CSS/Responsive/jQuery/JavaScript.
  • If you want to create this project in react.js you can.
  • Landing page Make header Sticky.
  • If you want to use a framework then you can use any CSS framework.
  • Also don't forget to make it a working carousel, tabs and mobile navigation.
  • Please share the code by GitHub on the LinkedIn message or given email: karandeep@alkye.com
  • Please submit your assignment test within 7 days of receiving this test.