https://github.com/mshandev/mui-practice
A single-page social media app built with React and MUI (Material UI) to practice MUI components, theming, and dark mode. Features include a responsive layout, dark mode toggle, and various MUI elements like cards, forms, and navigation.
https://github.com/mshandev/mui-practice
mui-icons mui-material reactjs
Last synced: 2 months ago
JSON representation
A single-page social media app built with React and MUI (Material UI) to practice MUI components, theming, and dark mode. Features include a responsive layout, dark mode toggle, and various MUI elements like cards, forms, and navigation.
- Host: GitHub
- URL: https://github.com/mshandev/mui-practice
- Owner: Mshandev
- Created: 2024-11-14T11:34:24.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-14T11:59:30.000Z (7 months ago)
- Last Synced: 2025-02-11T04:11:21.629Z (4 months ago)
- Topics: mui-icons, mui-material, reactjs
- Language: JavaScript
- Homepage: https://mui-practice-by-shan.vercel.app
- Size: 268 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MUI Practice - Reactjs
A single-page social media application built with React and MUI (Material UI) to practice and explore MUI components, theming, and dark mode implementation. This project demonstrates a responsive UI with various MUI features such as cards, buttons, forms, and navigation elements. It includes a dark mode toggle to enhance the user experience and adaptability.
## Demo
- Live Preview: [https://mui-practice-by-shan.vercel.app/](https://mui-practice-by-shan.vercel.app/)
## Features
- Responsive social media-style layout
- Dark mode toggle for enhanced user experience
- MUI components: Cards, Buttons, Forms, Navigation
- Theming with MUI, including dark and light modes
- Custom styling using CSS and MUI's sx prop
## Screenshots
- Home Page
- Dark Mode
## Run Locally
Clone the project
```bash
https://github.com/Mshandev/MUI-Practice.git
```
Go to the project directory
```bash
cd MUI-Practice
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm start
```
## Tech Stack
* [React](https://react.dev/)
* [MUI](https://mui.com/)
## Deployment
The application is deployed on Vercel.
## Contributing
Contributions are always welcome!
Just raise an issue, and we will discuss it.
## Feedback
If you have any feedback, please reach out to me [here](https://www.linkedin.com/in/muhammad-shan-full-stack-developer/)