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.
- 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.
- Dashboard: Provides an overview of key metrics and insights.
- Transactions: Displays transaction history and details.
- Support: Offers support resources and contact information.
Dashboard page on a desktop screen
Transactions page on a desktop screen
Support page on a desktop screen
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js (version 14.x or later)
- npm (version 6.x or later)
-
Clone the repository:
git clone https://github.com/Vaibhav-Pant/ReactDashboardApp.git cd ReactDashboardApp -
Install the dependencies:
npm install
Start the development server:
npm startOpen your browser and navigate to http://localhost:3000 to view the app.
To create a production build of the app, run:
npm run buildThe app is configured to be deployed to GitHub Pages. To deploy, run:
npm run deployContributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.