Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sachinpal11/notesapp
Notes Making Web App Using Shadcn
https://github.com/sachinpal11/notesapp
react-router react-router-dom reactjs redux redux-toolkit shadcn-ui
Last synced: 7 days ago
JSON representation
Notes Making Web App Using Shadcn
- Host: GitHub
- URL: https://github.com/sachinpal11/notesapp
- Owner: sachinpal11
- Created: 2025-01-07T07:10:16.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-25T13:12:33.000Z (13 days ago)
- Last Synced: 2025-01-25T14:18:35.104Z (13 days ago)
- Topics: react-router, react-router-dom, reactjs, redux, redux-toolkit, shadcn-ui
- Language: JavaScript
- Homepage: https://notesapp-sachin.netlify.app/
- Size: 89.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NotesApp
A simple and efficient note-taking app built with React.js, Vite, React Router, ShadCN, and Redux Toolkit. This app allows users to create and manage their todos with ease. The goal of this project is to provide a clean and responsive UI along with a seamless user experience.
## Features
- Create, update, and delete todos.
- Manage todos using Redux Toolkit for state management.
- Utilize ShadCN for a responsive and modern design.
- Smooth navigation using React Router.
- Built with Vite for fast development and optimized build performance.
## Technologies Used
- **React.js**: A JavaScript library for building user interfaces.
- **Vite**: A fast build tool for frontend development.
- **React Router**: A routing library for handling navigation in React.
- **Redux Toolkit**: A state management library for simplifying Redux logic.
- **ShadCN**: A design system used for UI components.
## Installation
### 1. Clone the repository
```bash
git clone https://github.com/sachinpal11/NotesApp.git
```
### 2. Install dependencies
Navigate to the project directory and run the following command to install all the required dependencies.
```bash
npm install
```
### 3. Run the development server
Start the app locally by running:
```bash
npm run dev
```
Visit `http://localhost:5173` to see the app in action.
## Usage
Once the app is running:
- You can create a new todo by entering text into the input field and clicking the "Add Todo" button.
- Edit or delete existing todos from the list.
- Todos are managed via Redux, ensuring the state is consistent across the app.
## Contributing
Feel free to fork the repository, submit issues, or create pull requests to contribute to the development of this app.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.