Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bhanupm07/news2day-admin-panel
frontend assignment - News2day admin panel
https://github.com/bhanupm07/news2day-admin-panel
react-router-dom reactjs usecontext-hook
Last synced: 7 days ago
JSON representation
frontend assignment - News2day admin panel
- Host: GitHub
- URL: https://github.com/bhanupm07/news2day-admin-panel
- Owner: bhanupm07
- Created: 2024-03-31T12:13:30.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-03-31T13:12:05.000Z (11 months ago)
- Last Synced: 2024-12-22T10:16:23.653Z (2 months ago)
- Topics: react-router-dom, reactjs, usecontext-hook
- Language: JavaScript
- Homepage: https://news2day-admin-panel.vercel.app
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# News2day Admin Panel
## Overview
The news2day Admin Panel is a web-based interface designed for managing the content and settings of the news2day application. It allows administrators to easily update news articles, manage user comments, and configure application settings.
## Setup Instructions
1. Clone the repository:
```bash
git clone https://github.com/bhanupm07/news2day-admin-panel
```
2. Navigate to the project directory:
```bash
cd news2day-admin
```
3. Install dependencies:
```bash
npm install
```
## Running the Admin Panel
1. Start the development server:
```bash
npm run dev
```
2. The admin panel will be available at http://localhost:5173 (or the port specified in the output).
## React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Libraries Used
- `@chakra-ui/react`: A simple, modular and accessible component library for building React applications.
- `react & react-dom`: JavaScript library for building user interfaces, used here for rendering the admin panel's UI.
- `react-icons`: An icon library to enhance the visual aspect of the admin panel.
- `react-id-generator`: A utility for generating unique IDs in React applications.
- `react-router-dom`: For routing and navigation within the admin panel.
- `recharts`: A chart library built with React and D3, used for displaying analytics and statistics.
- `vite`: A build tool that aims to provide a faster and leaner development experience for modern web projects.
## Troubleshooting
- Issue with starting the server: Ensure all dependencies are installed correctly. If problems persist, try running `npm rebuild` or deleting the `node_modules` folder and running `npm install` again.
- UI not rendering properly: Check that all Chakra UI components are correctly imported and that the TailwindCSS styles are applied.
## Contributing
We welcome contributions to the news2day Admin Panel. If you have suggestions or improvements, please fork the repository and submit a pull request.