NotesApp is a simple note-taking application built with React Native and Expo. It allows users to create, update, search, and delete notes. The app features a user-friendly interface, where notes are displayed in a masonry grid layout. Users can easily add and edit notes with rich content.
This project was built to achieve a React Native Certificate from ShiftKey labs.
- Create Notes: Easily add new notes with a title and content.
- Edit Notes: Update note titles and content in real-time.
- Delete Notes: Remove unwanted notes with a simple swipe.
- Search Notes: Search through your notes using the search bar.
- Masonry Layout: Notes are displayed in a responsive masonry grid layout.
- Navigation: Seamless navigation between the home screen and note edit screen.
- React Native: Framework for building native mobile apps using JavaScript and React.
- Expo: A platform for building React Native apps with ease.
- Redux: For state management across the app.
- Tailwind CSS (twrnc): Utility-first CSS framework for styling.
- React Navigation: Library for navigating between screens.
- React Query: For managing API data and state (used to fetch, add, update, and delete notes).
- Masonry List: For displaying notes in a masonry grid layout.
Make sure you have the following installed on your machine:
- Clone the repository:
git clone https://github.com/yourusername/NotesApp.git- Navigate to the project directory:
cd NotesApp
- Install the dependencies:
npm install
- Start the Expo development server:
npm start
- Scan the QR code with the Expo Go app on your mobile device or run the app in an Android/iOS simulator.