This project is a single-page application built with React and Material-UI to replicate the appearance of the Facebook homepage. It serves as a demonstration of using Material-UI components, theming, and styling techniques. The application does not have a backend and is purely front-end focused. It is designed to be adaptable to various screen sizes and includes an optional dark mode feature.
- Material-UI Components: Utilizes a variety of Material-UI components to replicate the Facebook homepage layout.
- Theming: Demonstrates theming capabilities of Material-UI for consistent styling throughout the application.
- Responsive Design: Adaptable to different screen sizes, ensuring a seamless user experience across devices.
- Dark Mode: Offers a dark mode option for users who prefer a darker interface.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/at-tawlib/fb-mui.git
-
Navigate to the project directory:
cd fb-mui
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit
http://localhost:3000
to view the application.
Once the application is running, you can:
- Explore the replicated Facebook homepage layout.
- Toggle between light and dark modes using the provided option.
- React
- Material-UI
Contributions are welcome! If you have any ideas for improvements or feature additions, feel free to submit a pull request.
This project is licensed under the MIT License.