Welcome to the React Keeper App! This is a simple note-taking app built with React. It allows you to create, view, and delete notes with ease.
- Create Notes: Easily add new notes with titles and content.
- View Notes: View all your created notes in a clean and organized manner.
- Delete Notes: Remove any note you no longer need.
You can view the live demo of the application at React Keeper App.
Here are some screenshots showcasing the app:
-
Home Screen: Displays the list of notes with options to create new notes.
-
Sample Notes: Example notes demonstrating various contents.
To run this app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/keeper-app.git
-
Navigate to the project directory:
cd keeper-app
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000to see the app in action.
Add Notes: Use the input fields to add a new note with a title and content. View Notes: The notes are displayed below the input fields. Delete Notes: Click the delete icon on any note to remove it.
Here's a quick look at the core functionality:
App Component: Manages the state of the notes and handles adding and deleting notes. CreateArea Component: Provides a form to create new notes. Note Component: Displays individual notes with a delete option. Header and Footer Components: Static components for app header and footer.
If you'd like to contribute to this project, feel free to fork the repository and submit a pull request. Please ensure to follow the coding style and include tests for any new features.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or suggestions, please reach out to scottpeete@gmail.com.