Facebook Clone - Frontend

A professional and modern frontend for a Facebook-style social media application, built with Next.js and Tailwind CSS.

🚀 Features

• Responsive Design: Professional UI that works on all devices.
• Real-time Interactions: Powered by Socket.io for instant updates.
• Modern Tech Stack: Built with Next.js 14, React 18, and Tailwind CSS.
• State Management: Robust state handling with Zustand.
• Form Validation: Clean and easy-to-use forms with React Hook Form and Yup.
• Dynamic Animations: Smooth transitions using Framer Motion.

🛠️ Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: Radix UI & Lucide React
• HTTP Client: Axios
• State Management: Zustand
• Real-time: Socket.io-client

🏁 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

3. Configure environment variables: Create a .env file and add your backend API URL.

4. Start the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

Backend repo link: https://github.com/zshan-code/Fb_clone-Backend.git

📜 Available Scripts

• npm run dev: Runs the app in development mode.
• npm run build: Builds the app for production.
• npm run start: Starts the production server.
• npm run lint: Lints the project files.