https://github.com/signor1/dynamic-collapseablesidenav
Built a dynamic and collapseable side nav with ReactJs(tsx), vite and tailwindCSS
https://github.com/signor1/dynamic-collapseablesidenav
Last synced: 19 days ago
JSON representation
Built a dynamic and collapseable side nav with ReactJs(tsx), vite and tailwindCSS
- Host: GitHub
- URL: https://github.com/signor1/dynamic-collapseablesidenav
- Owner: Signor1
- Created: 2023-09-27T15:32:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-27T15:55:42.000Z (over 2 years ago)
- Last Synced: 2025-02-24T04:41:44.958Z (over 1 year ago)
- Language: TypeScript
- Size: 176 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Collapsible Side Navigation
This is a simple collapsible side navigation menu built with React.js, Vite, and Tailwind CSS. It allows users to easily navigate through different sections of your application while conserving screen space by collapsing and expanding the menu.
## Features
- Collapsible side navigation menu.
- Smooth animation when expanding and collapsing.
- Easily customizable with Tailwind CSS for styling.
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/signor1/collapsible-side-nav.git
```
2. Navigate to the project directory:
```bash
cd collapsible-side-nav
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and visit `http://localhost:5173` to see the collapsible side navigation in action.
## Configuration
You can easily configure the collapsible side navigation by adjusting the components and styles to match your project's design and functionality.
## Acknowledgments
- This project was built with [React.js](https://reactjs.org/), [Vite](https://vitejs.dev/), and [Tailwind CSS](https://tailwindcss.com/).
- Special thanks to the open-source community for their contributions and inspiration.
## Contact
If you have any questions or feedback, feel free to reach out to me.