Code Monkey home page Code Monkey logo

notefy's Introduction

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   

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

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

notefy's People

Contributors

darshpat01 avatar itsomkathe avatar krohitk17 avatar mannadamay12 avatar nirbhay-nrb avatar palash2003 avatar raghavtinker avatar rdotjain avatar samikmalhotra avatar shreyasrana18 avatar sidb67 avatar vishnu-sagubandi avatar yash22arora avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.