Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sheel-ui/apple-notes-frontend

Replica of the notes app for macOS. The application performs typical notes functions and supports CRUD operations.
https://github.com/sheel-ui/apple-notes-frontend

reactjs tailwind

Last synced: 23 days ago
JSON representation

Replica of the notes app for macOS. The application performs typical notes functions and supports CRUD operations.

Host: GitHub
URL: https://github.com/sheel-ui/apple-notes-frontend
Owner: Sheel-ui
Created: 2024-06-09T17:09:55.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-06-12T16:54:59.000Z (8 months ago)
Last Synced: 2024-11-14T21:09:23.771Z (3 months ago)
Topics: reactjs, tailwind
Language: JavaScript
Homepage:
Size: 1.91 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Apple Notes Frontend

The Apple Notes application is an exact replica of the notes app for macOS. It is built using React for the frontend and Java/Spring Boot for the backend. The application performs typical notes functions and supports CRUD operations. This repository contains the frontend for the application. The backend source code can be found [here](https://github.com/Sheel-ui/apple-notes-backend).

## Table of Contents

- [Features](#features)

- [Demo](#demo)

  - [User Interface](#our-application-interface)

  - [Notes Management](#notes-management)

- [Setup Instructions](#setup-instructions)

- [Technologies Used](#technologies-used)

## Features

- Create, Read, Update, and Delete notes

- Simple and intuitive user interface

- Responsive design

## Demo

### Original Notes Interface

![User Interface](demo/original.png)

### Our Application Interface

![User Interface](demo/demo.png)

### Notes Management

![Notes Management](demo/demo.gif)

## Setup Instructions

To get the frontend application up and running on your local machine, follow these steps:

1. Clone the repository:

    ```bash

    git clone https://github.com/Sheel-ui/apple-notes-frontend.git

    ```

2. Navigate to the project directory:

    ```bash

    cd apple-notes-frontend

    ```

3. Install the necessary dependencies:

    ```bash

    npm install

    ```

4. Start the development server:

    ```bash

    npm run start

    ```

## Technologies Used

- **Frontend:** React, Tailwind

- **Backend:** Java, Spring Boot (backend source code can be found [here](https://github.com/Sheel-ui/apple-notes-backend))