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

Overview

Logo

Notefy

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

Demo

Here is the website : https://notefy.servatom.com

Our very own note taking tool !!

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   

Usage

Want to run this repo locally?

Open your command line and start with the following commands:

To render react-frontend, run :

$ cd frontend

Install the node modules

$ npm i

Now start the react modules

$ npm start

You can run the server by:

Fistly, install the requirements using pipenv

$ pip install pipenv
$ pipenv install
$ pipenv shell
$ pip install -r requirements.txt
$ cd backend

Start the backend

$ python manage.py migrate
$ python manage.py runserver

To fix a bug or enhance an existing module, follow these steps:

Want to contribute? Great!

  • Fork the repo
  • Create a new branch (git checkout -b improve-feature)
  • Make the appropriate changes in the files
  • Add changes to reflect the changes made
  • Commit your changes (git commit -am 'Improve feature')
  • Push to the branch (git push origin improve-feature)
  • Create a Pull Request

We will review and accept the PR.

Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

-----------------------------------------------------

Built with

made-with-javascript


Docker

Project Motivation

Team

πŸŽ“ All maintainers in this project are under-graduate students in the Department of Computer Science and Engineering, TIET @ Thapar University

πŸ‘© Rupanshi Jain
      Email: [email protected]
      GitHub: @rdotjain

πŸ‘¦ Yashvardhan Arora
      Email: [email protected]
      GitHub: @yash22arora

πŸ‘¦ Raghav Sharma
      Email: [email protected]
      GitHub: @raghavTinker

πŸ‘¦ Adamay Mann
      Email: [email protected]
      GitHub: @mannadamay12

Contributions

All contributions are welcome. Please take a moment to go through CONTRIBUTING.md

Solve the issues here

License

Usage is provided under the MIT License. See LICENSE for the full details.

You might also like...

Flutter Web application having splash screen and providing Web view Using web view packege.

Flutter Web application having splash screen and providing Web view Using web view packege.

Webview with Splash Screen in Flutter Flutter Web View With Splash Screen. Subscribe Our YouTube Channel. Visit Website Demo OutPut πŸ”— Links Getting S

Dec 7, 2021

Spacex-Go Flutter App - Simple yet powerful, open-source SpaceX launch tracker

Spacex-Go Flutter App - Simple yet powerful, open-source SpaceX launch tracker

SpaceX GO- Rwema App! Simple yet powerful, open-source SpaceX launch tracker About the project The purpose of this project is

Oct 5, 2022

An app made with fluttter for taking notes

An app made with fluttter for taking notes

notetaker A new Flutter project. Using this app one can - 1.Create Notes 2.View Notes 3.Add content to previous notes 4.Scroll through notes 5.Delete

Apr 21, 2022

a software to connect you and your friends and others, are you guys also just tensed over the overuse of social media so we have a solution, appx (name not decided yet)

appx a software to connect you and your friends and others, are you guys also just tensed over the overuse of social media so we have a solution, appx

Jun 9, 2022

Simple yet powerful, open-source SpaceX launch tracker.

Simple yet powerful, open-source SpaceX launch tracker.

SpaceX GO! Simple yet powerful, open-source SpaceX launch tracker About the project The purpose of this project is to develop the ultimate SpaceX expe

Dec 24, 2022

Integrated Docker with Mobile App using python API and Can perform almost all functionality of Docker

tech_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Oct 29, 2021

'Efficacy' is a an Android app that keeps users updated on all events and happenings in and around the NITS campus. Note that the one in this repo is a slightly altered version of the original.

'Efficacy' is a an Android app that keeps users updated on all events and happenings in and around the NITS campus. Note that the one in this repo is a slightly altered version of the original.

Efficacy : The proposed Android app for all clubs, events and happenings at NIT Silchar Get the release APK Some interesting features of this app incl

Aug 29, 2021

a wrapper for the places functionality to improve the usability of it

Places Service A service that Wraps the Google places Api through the google_maps_webservice package and provides an easy interface to work with and h

Mar 11, 2022

A Package providing Core functionality/Template to start off a Clean Architecture based project

A Package providing Core functionality/Template to start off a Clean Architecture based project Features Provides with APIResult & UseCaseResult model

Dec 25, 2021
Comments
  • Forgot password feature in backend

    Forgot password feature in backend

    I have noticed that forgot password feature is not yet added. If you wish, I would like to work on creating api route for this feature in the backend.

    opened by vishnu-sagubandi 2
  • Login Bug in frontend

    Login Bug in frontend

    Let's say you have tried to login with wrong credentials in first attempt. Now if you refresh the page, it is not displaying anything. It is because in the first attempt, token value is set to be undefined in local storage. If you wish, I can work on this bug fix.

    bug hacktoberfest 
    opened by vishnu-sagubandi 2
  • Add Word count and Char count toggle

    Add Word count and Char count toggle

    • Now users can toggle between word count and character count
    • preference can be toggled on the settings page
    • Preference stored in local storage for now, can be shifted to user's data in the backend later
    enhancement frontend 
    opened by yash22arora 0
  • Forgot Password Component

    Forgot Password Component

    Server endpoint to request for new password email is /api/users/forgot_password/ and to set new password is /api/users/new_password/

    Create frontend component for the same.

    hacktoberfest frontend 
    opened by rdotjain 16
A simple note-taking app with a markdown editor, built with Flutter and Firebase

Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project:

Dev-Salem 150 Dec 25, 2022
A simple Flutter Note Taking app with local database.

Flutter Simple & Lightweight Note App Flutter Simple & Lightweight Note App UI/UX Credit: https://dribbble.com/shots/11875872-A-simple-and-lightweight

Ahmad Amin 63 Nov 10, 2022
A Markdown-based note-taking app for mobile devices.

Noteless A markdown-based note-taking app for Android Compatible with notes saved in Notable Features Markdown-optimized editor with syntax highlighti

null 460 Dec 31, 2022
Mobile first Note Taking integrated with Git

Mobile first Markdown Notes integrated with Git This project receives generous infrastructure support from Summary GitJournal is a note taking app foc

GitJournal 2.8k Dec 31, 2022
Full Stack Mobile Chat App - Built with django, flutter and mongodb

Applied design patterns. Built with django, flutter and mongodb. Mobile messaging application which uses a rest api and web sockets.

Andres Arturo Rodriguez Calderon 35 Nov 26, 2022
App to learn how to code with a lot of great courses and ideas of projects to do, focused on productivity and fast learn. πŸ’»

skoola A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Batista Tony 3 Oct 29, 2021
An beautiful restaurant app with great and exquisite UI for foodies.

Foodybite davidcobbina.com Beautifully crafted with flutter and love, a useful UI Kit for developers and designers who need food related app design. F

David-Legend 307 Dec 28, 2022
Note app is open-source notes app for Android & ios. It is built with Dart on top of Google's Flutter Framework.

Note App ✍?? Note App & SqfLite &GetX [MVC pattern] ????‍?? Note app is open-source notes app for Android & ios. It is built with Dart on top of Googl

null 25 Nov 29, 2022
DoneIt is a sample note app πŸ“ Flutter application πŸ“± built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Developers with ❀️.

DoneIt ?? DoneIt is a sample note app ?? Flutter application ?? built to demonstrate use of Clean Architecture tools. Dedicated to all Flutter Develop

Shubham Chhimpa 175 Dec 24, 2022