This project is a full-stack web application built using React for the frontend, Django and Django REST framework for the backend, and PostgreSQL as the database. The main focus of this project is how to work with React, Django, Rest Framework and PostgreSQL Database together and how to deploy the full-stack project. This project is deployed to this 👉 https://choreo.dev/ website.
- You can get handson experience "My-Notes-App" full-stack project through this Link 👉 https://a39fca2d-85ab-4360-bd49-68799635c80d.e1-us-east-azure.choreoapps.dev/register
- Unfortunately😓, the website provides a 7-day trial period for free hosting. Therefore after the trial period over, You can not access the "My-Notes-App" website.
- User Authentication
- RESTful API
- JWT authentication
- CRUD Operations
- Responsive Design
- ReactJs
- Django
- Django REST Framework
- PostgreSQL
- Make sure that Node.js version 18.18.0 or above is installed on your local machine.
- Make sure that python version 3.12.2 or above is installed on your local machine
- PostgreSQL
- npm or yarn
- pip
- Use the following URL to clone the repository:
https://github.com/chandima2000/noteApp-react-django-restFramework.git
- Navigate to the
frontend
directory:
cd frontend
- Install dependencies:
npm install
# or
yarn install
- Start the React application:
npm run dev
(for Windows OS)
- Create a virtual environment:
python -m venv env
- Activate the virtual environment: (for Powershell)
env\Scripts\activate.ps1
-
Install dependencies:
- Create a file called "requirements.txt" in the root directory
- Import the following packages into the file.
- run the following command. (Make sure that you have activated the virtual environment)
pip install -r requirements.txt
- Navigate to the
backend
directory:
cd backend
- Set up the database:
python manage.py makemigrations
python manage.py migrate
- Run the development server on the local machine: (By default the server runs on the port 8000)
py manage.py runserver
-
Create a .env file in the root directory and add the following variables:
-
Create a .env file in the frontend folder and add the following variable:
- Contributions are welcome! Please submit a pull request or open an issue for any changes.