Skip to content

Note App is a full-stack note-taking application using Django Rest Framework for the backend and React for the frontend. It offers user authentication, note management, and real-time updates with a modern UI.

Notifications You must be signed in to change notification settings

Yusin0903/Note-react-django

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

📝 Note App (React + Django)

A full-stack note-taking application built using Django Rest Framework (DRF) as the backend and React as the frontend.


🚀 Getting Started

Prerequisites

Make sure you have Django installed and are familiar with the Django framework.
If you're new to Django, check out this Django tutorial.

Install Required Dependencies:

  1. Install Django Rest Framework:

    pip install djangorestframework
  2. Markdown support for browsable API:

    pip install markdown
  3. Filtering support:

    pip install django-filter
  4. Alternatively, you can clone the project from GitHub:

    git clone https://github.com/encode/django-rest-framework

Installing

  1. Add 'rest_framework' to your INSTALLED_APPS in the settings.py:
    INSTALLED_APPS = [
        ...
        'rest_framework',
    ]

🏃 Running the Code

Backend (Django)

  1. Navigate to your Django project’s root folder.
  2. Run the development server:
    python manage.py runserver

Frontend (React)

  1. Navigate to the React project folder.
  2. Install dependencies:
    npm install
  3. Start the React app:
    npm start

🛠️ Tech Stack

  • Backend: Django Rest Framework (DRF)
  • Frontend: React.js
  • Database: PostgreSQL / SQLite
  • Authentication: JWT / Django Authentication

📌 Features

  • ✔️ User Authentication (Login, Register, Logout)
  • ✔️ Create, Read, Update, and Delete (CRUD) Notes
  • ✔️ RESTful API with Django Rest Framework
  • ✔️ Modern UI with React and Hooks
  • ✔️ Real-time Updates using WebSockets (Optional)

Result

create_note create1 created delete

About

Note App is a full-stack note-taking application using Django Rest Framework for the backend and React for the frontend. It offers user authentication, note management, and real-time updates with a modern UI.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published