A note-taking web app built with ReactJS and Django

Notefy

Notefy is a note-taking web app built with ReactJS and Django, with a subtle yet attractive UI and great functionality!

Landing Page

Dashboard

Edit Notes

Settings

🌡 Folder Structure

.
β”‚
β”œβ”€β”€ frontend
β”‚   β”œβ”€β”€ public
β”‚   β”‚   └── index.html   
β”‚   β”‚
β”‚   β”‚    
β”‚   β”‚
β”‚   β”œβ”€β”€ src
β”‚   β”‚   β”œβ”€β”€ assets
β”‚   β”‚   β”‚   β”œβ”€β”€ css
β”‚   β”‚   β”‚   └── media
β”‚   β”‚   β”œβ”€β”€ components
β”‚   β”‚   |   β”œβ”€β”€ AddNote.js
β”‚   β”‚   |   β”œβ”€β”€ Button.js
β”‚   |   |   β”œβ”€β”€ DashboardHome.js
β”‚   |   |   β”œβ”€β”€ ExpandNote.js
β”‚   β”‚   |   β”œβ”€β”€ Icon.js
β”‚   |   |   β”œβ”€β”€ Input.js
β”‚   β”‚   |   β”œβ”€β”€ Login.js
β”‚   |   |   β”œβ”€β”€ MoonToggle.js
β”‚   β”‚   |   β”œβ”€β”€ Note.js
β”‚   |   |   β”œβ”€β”€ NotesList.js
β”‚   β”‚   |   β”œβ”€β”€ searchbar.js
β”‚   |   |   β”œβ”€β”€ Settings.js
β”‚   |   |   β”œβ”€β”€ SideNav.js
β”‚   |   |   └── ToggleBtn.js
β”‚   β”‚   |    
β”‚   β”‚   β”œβ”€β”€pages
β”‚   β”‚   |   β”œβ”€β”€ Auth.js
β”‚   β”‚   |   β”œβ”€β”€ Dashboard.js
β”‚   β”‚   |   └── LandingPage.js
|   β”‚   |  
β”‚   β”‚   |    
β”‚   β”‚   β”œβ”€β”€store
β”‚   β”‚   |   └── auth-context.js
β”‚   |   |
β”‚   β”‚   |    
β”‚   β”‚   |    
|   β”‚   │── App.js
|   β”‚   │── App.css
|   β”‚   │── index.js
|   β”‚   │── index.css
|   β”‚   │── URL.js
|   β”‚   │── CONSTANTS.js
β”‚   β”‚   |  
β”‚   β”‚   |    
β”‚   β”‚   |    
β”‚   β”‚   | 
β”œβ”€β”€ backend
β”‚   β”œβ”€β”€ config
|   |   β”œβ”€β”€ asgi.py
|   |   β”œβ”€β”€ __init__.py
β”‚   β”‚   β”œβ”€β”€ settings.py
β”‚   β”‚   β”œβ”€β”€ urls.py
β”‚   β”‚   └── wsgi.py
β”‚   β”‚    
β”‚   β”‚     
β”‚   β”‚      
β”‚   │── docker-compose.yml
β”‚   │── Dockerfile
β”‚   │── key.pem
β”‚   │── manage.py
β”‚   |   
β”‚   β”‚     
β”‚   β”‚      
β”‚   │── notes
|   |   β”œβ”€β”€ apps.py
|   |   β”œβ”€β”€ __init__.py
β”‚   β”‚   β”œβ”€β”€ getDateTime.py
β”‚   β”‚   β”œβ”€β”€ models.py
β”‚   β”‚   β”œβ”€β”€ permissions.py
|   |   |── urls.py
β”‚   β”‚   └── views.py
β”‚   β”‚     
β”‚   β”‚  
β”‚   β”‚     
β”‚   β”‚  
|   │── origin.pem
|   |── requirements.txt
|   |── run.sh
β”‚   β”‚     
β”‚   β”‚     
β”‚   │── users  
|   |   β”œβ”€β”€ admin.py
|   |   β”œβ”€β”€ forms.py
β”‚   β”‚   β”œβ”€β”€ generateAvatar.py
β”‚   β”‚   β”œβ”€β”€ __init__.py
β”‚   β”‚   β”œβ”€β”€ managers.py
|   |   |── models.py
β”‚   β”‚   β”œβ”€β”€ serializers.py
|   |   |── urls.py
β”‚   β”‚   └── views.py