Skip to content

at-tawlib/fb-mui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Facebook Homepage Clone

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.

LIGHT MODE

DARK MODE

Features

  • 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.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/at-tawlib/fb-mui.git
  2. Navigate to the project directory:

    cd fb-mui
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and visit http://localhost:3000 to view the application.

Usage

Once the application is running, you can:

  • Explore the replicated Facebook homepage layout.
  • Toggle between light and dark modes using the provided option.

Technologies Used

  • React
  • Material-UI

Contributing

Contributions are welcome! If you have any ideas for improvements or feature additions, feel free to submit a pull request.

License

This project is licensed under the MIT License.

About

React MUI homepage example

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published