This project demonstrates the development of the Battlefield 4 Soldier page UI using React.js, Tailwind CSS for the frontend and Node.js for the backend. The UI includes hover and click interactions, and the data is fetched from the backend through API calls.

Follow the steps below to set up and run the project locally:

1. Navigate to the backend directory:

   cd backend

2. Install the required Node.js packages:

   npm install

3. Start the Node.js server:

   node app.js

   The server will run on http://localhost:3000.

1. Navigate to the client directory:

   cd client

2. Install the required Node.js packages:

   npm install

3. Run the development server:

   npm run dev

   The frontend development server will run on http://localhost:5173.

4. Open your web browser and go to http://localhost:5173 to view the Battlefield 4 Soldier page UI.

Note: Ensure that both the backend and frontend servers are running simultaneously for the full functionality of the application.

• React.js
• Node.js
• Tailwind CSS

This project was developed by Ibrahim Ghasia.

Feel free to explore, modify, and enhance the project based on your requirements!