Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/qridwan/xnote-fe
xNote-Smart Note taking application. This repo is built with React and TypeScript, utilizing Vite for development and TypeScript for type-checking.
https://github.com/qridwan/xnote-fe
editor mysql note-app note-taking notebook redux redux-query redux-toolkit typescript
Last synced: 3 days ago
JSON representation
xNote-Smart Note taking application. This repo is built with React and TypeScript, utilizing Vite for development and TypeScript for type-checking.
- Host: GitHub
- URL: https://github.com/qridwan/xnote-fe
- Owner: qridwan
- Created: 2023-11-08T22:49:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-07T17:32:56.000Z (5 months ago)
- Last Synced: 2024-07-07T18:49:56.845Z (5 months ago)
- Topics: editor, mysql, note-app, note-taking, notebook, redux, redux-query, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://xnote.qridwan.com
- Size: 985 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# xNote-Smart Note taking application
## Description
xNote-fe is a front-end project built with React and TypeScript, utilizing Vite for development and TypeScript for type-checking.
## Table of Contents
- [API_Documentation](#apidoc)
- [Installation](#installation)
- [Usage](#usage)
- [Preview](#preview)
- [Features](#features)
- [Scripts](#scripts)
- [How To Contribute](#contribute)
## APIDoc
- [API Documentation](https://documenter.getpostman.com/view/15074292/2s9YXfcimY#22177e0b-79c1-499f-ad21-a4e7deb0b6cf)
## Installation
To install the project dependencies, run:
```bash
yarn
```
## Usage
To start the development server, run:
```bash
yarn dev
```
For building the project, use:
```bash
yarn build
```
Lint the code with:
```bash
yarn lint
```
Preview the built project with:
```bash
yarn preview
```
## Preview
## Features
1. **User Registration and Login:**
- Users can create accounts and log in securely.
2. **Create and Edit Notes:**
- Users can create new text-based notes.
- Notes can be edited and updated as needed.
3. **Note Organization:**
- Users can organize their notes into notebooks or folders.
- Notes can have tags for easy categorization.
4. **Trash and Recovery:**
- Deleted notes are moved to the trash and can be recovered.
## Scripts
- `dev`: Starts the development server using Vite.
- `build`: Builds the project using TypeScript and Vite.
- `lint`: Lints the TypeScript and TypeScript React files using ESLint.
- `preview`: Previews the built project.
---
## Contribute
I welcome contributions to improve xNote and make it even better! To contribute to this project, please follow these steps:
1. **Fork** the repository by clicking the 'Fork' button on the top right of the page.
2. **Clone** your forked repository:
```
git clone https://github.com/your-username/xNote-fe.git
```
3. **Create a branch**:
```
git checkout -b feature/your-feature-name of issue/issue-number
```
4. **Make necessary changes** and commit those changes:
```
git add .
git commit -m "Add your feature or fix"
```
5. **Push changes** to your forked repository:
```
git push origin feature/your-feature-name
```
6. Create a **Pull Request** (PR) from your forked repository to the main xNote repository. Describe the changes you made in detail mentioning the issue number if you worked on any issue listed on project.
### Code Guidelines
- Follow the coding style and conventions already present in the project.
- Write clear commit messages and PR descriptions.
### Issues and Feature Requests
If you encounter any issues or have suggestions for new features, please open an issue on the GitHub repository. Provide as much detail as possible to help us understand and address the problem or idea.
Thank you for contributing to xNote! 🚀 HapPy Coding ✨