Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/umarnawaz33/topics-app
https://github.com/umarnawaz33/topics-app
Last synced: 23 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/umarnawaz33/topics-app
- Owner: UmarNawaz33
- License: mit
- Created: 2024-12-02T12:55:37.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-11T21:06:47.000Z (about 1 month ago)
- Last Synced: 2024-12-11T22:19:35.907Z (about 1 month ago)
- Language: JavaScript
- Size: 863 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## About The Project
This is a simple React application that displays tables with information about various topics. The app is built using modern tools and concepts, including **Vite**, **React**, **Props**, and **State**.
## Demo
https://umarnawaz33.github.io/topics-app/
## Features
- Displays information about different topics in a tabular format.
- Utilizes React's **state** and **props** for managing and passing data.
- Built with **Vite** for fast development and build processes.
## Tech Stack
- **React** (JSX)
- **Vite** (Development and build tool)
- **JavaScript/ES6**
- **CSS**
## Getting Started
Follow these steps to run the app locally:
### Prerequisites
Make sure you have the following installed:
- Node.js (v16 or later recommended)
- npm or yarn package manager
### Installation
1. Clone the repository:
```bash
git clone https://github.com/UmarNawaz33/topics-app.git
2. Install Packages:
```bash
npm install
3. Start development server locally:
```bash
npm run dev
## License
Distributed under the MIT License. See [LICENSE](https://github.com/UmarNawaz33/topics-app/blob/main/LICENSE) for more information.
## Acknowledgements
* [React](https://react.dev/)
* [Vite](https://vite.dev/)
* [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
* [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
* [useState](https://react.dev/reference/react/useState)
* [props](https://legacy.reactjs.org/docs/components-and-props.html)