Skip to content

Latest commit

 

History

History
88 lines (60 loc) · 2.85 KB

README.md

File metadata and controls

88 lines (60 loc) · 2.85 KB
Raw

React Dashboard App UI

This repository contains the source code for a React-based dashboard application. The app features a modern and responsive user interface, implemented using React.js, React Router v6, and styled-components. It includes three main pages: Dashboard, Transactions, and Support, each accessible via client-side routing.

Features

  • React.js: Built using React.js to create a dynamic and responsive user interface.
  • React Router v6: Utilizes React Router for seamless client-side navigation between pages.
  • Styled-Components: CSS-in-JS library used for writing CSS, providing a clean and modular approach to styling components.
  • Component-based Architecture: Modular design with reusable components to ensure code maintainability and scalability.
  • State Management: Efficient state management using React hooks to handle UI state and interactions.
  • Responsive Design: Fully responsive UI, optimized for various screen sizes and devices.
  • GitHub Pages Deployment: Hosted on GitHub Pages for easy access and demonstration.

Pages

  1. Dashboard: Provides an overview of key metrics and insights.
  2. Transactions: Displays transaction history and details.
  3. Support: Offers support resources and contact information.

Screenshots

output1 Dashboard page on a desktop screen output2 Transactions page on a desktop screen output4 Support page on a desktop screen

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js (version 14.x or later)
  • npm (version 6.x or later)

Installation

  1. Clone the repository:

    git clone https://github.com/Vaibhav-Pant/ReactDashboardApp.git
cd ReactDashboardApp

  2. Install the dependencies:

    npm install

Running the App

Start the development server:

npm start

Open your browser and navigate to http://localhost:3000 to view the app.

Building for Production

To create a production build of the app, run:

npm run build

Deploying to GitHub Pages

The app is configured to be deployed to GitHub Pages. To deploy, run:

npm run deploy

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.

Acknowledgements