https://github.com/onikachorba/dashboardtestsite
dashboardTastTack
https://github.com/onikachorba/dashboardtestsite
javascript react react-router scss
Last synced: about 2 months ago
JSON representation
dashboardTastTack
- Host: GitHub
- URL: https://github.com/onikachorba/dashboardtestsite
- Owner: onikaChorba
- Created: 2023-03-28T18:18:14.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-31T13:30:33.000Z (about 3 years ago)
- Last Synced: 2025-07-05T18:11:37.826Z (12 months ago)
- Topics: javascript, react, react-router, scss
- Language: JavaScript
- Homepage: https://onikachorba.github.io/dashboardTestSite/
- Size: 1.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dashboard | test task
This project was created as a test task to demonstrate the ability to create a page layout according to a Figma template in a React environment. It utilizes React Router for page navigation, uses map and filter to sort and display data, and uses useState to create multiple pages and allow for switching between them.
### Technologies Used
- React
- React Router
- JavaScript
- HTML/Scss
### Installation and Setup
1. Clone the repository to your local machine.
2. Install the necessary dependencies by running npm install.
3. Run the application using npm start.
4. Open your browser and navigate to http://localhost:3000.
### Features
- Navigation between multiple pages using React Router.
- Sorting and displaying data using map and filter.
- Responsive layout using Scss.
- Published on GitHub Pages for easy access.
### Future Development
In the future, the project could be improved by adding additional features such as:
- More complex data filtering and sorting options.
- User authentication and authorization.
- Integration with a backend server to allow for dynamic data retrieval.