Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/minnukota381/social-media-dashboard-ui-react

The Social Media Dashboard is a responsive web application built with React that provides users with an interface to manage their social media activities. The dashboard includes features like dark mode toggling, a responsive navbar, and various sections such as Dashboard, Followers, Posts, and Settings.
https://github.com/minnukota381/social-media-dashboard-ui-react

bootstrap5 css3 html5 react-router reactjs

Last synced: about 2 months ago
JSON representation

The Social Media Dashboard is a responsive web application built with React that provides users with an interface to manage their social media activities. The dashboard includes features like dark mode toggling, a responsive navbar, and various sections such as Dashboard, Followers, Posts, and Settings.

Awesome Lists containing this project

README

        

# Social Media Dashboard

The Social Media Dashboard is a responsive web application built with React that provides users with an interface to manage their social media activities. The dashboard includes features like dark mode toggling, a responsive navbar, and various sections such as Dashboard, Followers, Posts, and Settings. The application uses `react-icons` for iconography and includes functionalities for searching and logging out.

## Features

- Responsive Design
- Dark Mode Toggle
- Search Functionality
- Navbar with Links to Different Sections
- User Profile with Logout Button
- Notifications and Email Icons

## Technologies Used

- React
- CSS
- `react-icons` for icons
- Webpack (or Create React App)
- Babel

## Installation

To get a local copy up and running, follow these steps:

1. **Clone the repository:**

```
git clone https://github.com/minnukota381/social-media-dashboard-ui-react.git
```

2. **Navigate to the project directory:**

```
cd social-media-dashboard-ui-react
```

3. Install dependencies:

```
npm install
```

4. Run the application:
```
npm start
```
Open your browser and navigate to http://localhost:3000 to view the application.