Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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