Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sreeragp69/notes-app-frontend
Note App is a responsive note-taking application that allows users to create, edit, delete, search, and pin notes. It features a sleek UI for a seamless experience across all devices. Technology used Vite ,React.js, Tailwind CSS, React Router, Axios
https://github.com/sreeragp69/notes-app-frontend
api api-rest axios crud-api crud-application frontend noteapp reactjs responsive router-dom tailwindcss vitejs
Last synced: 8 days ago
JSON representation
Note App is a responsive note-taking application that allows users to create, edit, delete, search, and pin notes. It features a sleek UI for a seamless experience across all devices. Technology used Vite ,React.js, Tailwind CSS, React Router, Axios
- Host: GitHub
- URL: https://github.com/sreeragp69/notes-app-frontend
- Owner: sreeragp69
- Created: 2024-08-12T18:04:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T18:27:10.000Z (5 months ago)
- Last Synced: 2024-11-08T14:16:07.233Z (2 months ago)
- Topics: api, api-rest, axios, crud-api, crud-application, frontend, noteapp, reactjs, responsive, router-dom, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://notes-app-frontend-s44d.onrender.com
- Size: 320 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Note App Frontend
A sleek and modern note-taking application built with React and Tailwind CSS. This frontend provides a seamless user experience with features like note creation, editing, deletion, searching, and pinning, all packed into a beautifully designed interface.
## Features
- **User Authentication**: Secure and smooth login and registration process.
- **Create Notes**: Quickly jot down your thoughts with an intuitive interface.
- **Edit Notes**: Easily update your notes with new information.
- **Delete Notes**: Remove notes you no longer need.
- **Search Notes**: Find your notes instantly with a powerful search feature.
- **Pin Notes**: Keep your important notes at the top for easy access.## Technologies Used
- **React**: For building a fast and responsive user interface.
- **Vite**: For super-fast development and optimized builds.
- **Tailwind CSS**: For styling with a focus on utility-first design.
- **React Router**: For effortless navigation between pages.
- **Axios**: For smooth communication with the backend.
- **React Icons**: For adding stylish icons to the UI.
- **Moment.js**: For easy date and time formatting.
- **React Modal**: For creating beautiful and accessible modals.## Getting Started
### Prerequisites
Make sure you have the following installed:
- Node.js
- npm or yarn### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/note-app.git