https://github.com/muhammadshavaiz/shotes-react-django-miniproject
This repository features a Notes App built with React for the frontend and Django for the backend. It includes functionalities for creating, deleting, and automatically saving notes, with support for light and dark modes. It showcases a full-stack approach to modern web development.
https://github.com/muhammadshavaiz/shotes-react-django-miniproject
django react
Last synced: 2 months ago
JSON representation
This repository features a Notes App built with React for the frontend and Django for the backend. It includes functionalities for creating, deleting, and automatically saving notes, with support for light and dark modes. It showcases a full-stack approach to modern web development.
- Host: GitHub
- URL: https://github.com/muhammadshavaiz/shotes-react-django-miniproject
- Owner: MuhammadShavaiz
- Created: 2024-08-21T17:23:57.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T17:21:42.000Z (9 months ago)
- Last Synced: 2025-01-11T03:44:50.554Z (4 months ago)
- Topics: django, react
- Language: Python
- Homepage:
- Size: 440 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shotes (Notes App)
## Overview
This is a simple Notes App that allows users to:
- **Create Notes:** Add new notes with titles and content.
- **Delete Notes:** Remove individual notes by delete button or clearing all data
- **Automatic Saving:** Notes are automatically saved to ensure no data is lost.
- **Dark/Light Mode:** Switch between light and dark themes using a toggle button.
## Setup
### Backend (Django)
1. **Install Python** (version 3.6 or higher):
- [Python Installation Guide](https://www.python.org/downloads/)
2. **Install Django**:
```bash
pip install django
```
3. **Install Django CORS Headers** (for handling CORS):
```bash
pip install django-cors-headers
```
### Frontend (React)
1. **Install Node.js and npm** (Node.js includes npm):
- [Node.js Installation Guide](https://nodejs.org/)
2. **Create a React app**:
```bash
npx create-react-app your-app-name
```
3. **Install React Router DOM** (for routing):
```bash
npm install react-router-dom
```
## Contact
For any questions or discussions, please feel free to reach out:
- **Email:** [[email protected]](mailto:[email protected])