Notefy

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

View Demo View Github

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