Welcome to my full-stack notes project!
Note App is a web application for note management that allows users to create, edit, organize, and delete notes through an intuitive and user-friendly interface. Developed with a modern architecture featuring React on the frontend and Django on the backend, this application demonstrates the implementation of a complete system with authentication, data persistence, and responsive design.
- React: JavaScript library for building user interfaces
- React-Bootstrap: UI framework for implementing responsive designs
- SCSS: CSS preprocessor for advanced styling
- Auth0: Authentication and authorization service
- Django: Python framework for web development
- SQLite: Relational database for data persistence
- Django REST Framework: Tool for building web APIs
- Secure authentication through Auth0
- Complete note management (CRUD)
- Intuitive and responsive user interface
- Data persistence in SQLite
- Modern design with React-Bootstrap and SCSS
To run this project, you'll need to have the following installed:
- Node.js (version 14 or higher)
- npm (comes with Node.js)
- Python (version 3.8 or higher)
- pip (comes with Python)
- Git (to clone the repository)
- To get a local copy of the project, run the following command in your terminal:
git clone https://github.com/danielpaez-dev/NoteApp.git
cd noteapp- Set up the virtual environment and activate it:
cd backend/notes
.\venv\Scripts\Activate.ps1 # On Windows PowerShell
# source venv/bin/activate # On Unix/Linux- Install dependencies:
pip install -r requirements.txt- Run migrations:
python manage.py migrate- Start the server:
python manage.py runserverThe backend will be available at http://localhost:8000.
- Navigate to the frontend directory:
cd frontend/noteapp- Install dependencies:
npm install- Start the development server:
npm run devThe application will be available at the URL shown in the terminal http://localhost:5173.