Skip to content

Bookmark and note web serviceđź“— (React.js, Redux, Python, Django, and Docker)

Notifications You must be signed in to change notification settings

eastend-street/jotdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation


jotdown


Jot down is a bookmark and note web serviceđź“— You can save your favorite websites or articles to Jot down. Also, you can write a note with your bookmarks.

Website:   https://jotdown.netlify.app

home-jotdown


Why I created this app

To manage a lot of bookmarks easily. I had been using Chrome bookmark manager but sometimes I couldn't find the bookmark that I was looking for. Also, I wanted to write a note with bookmarks to remember what the bookmarks are, but Chrome bookmark manager doesn't have that. To solve these problems, I made Jot down.


User Interface

jotdown-ui


Technology

  • Front-end: React.js, Redux, React Router, styled-components, and Material-ui
  • Backend: Django REST framework, and Python
  • Infrastructure: Docker and Heroku
  • Others: REST API, Axios, Gunicorn, and Netlify

Architecture

architecture-jotdown


Directory Structure

React

src/
 index.tsx
 App.tsx
 
 actions/  -----Actions to call API and dipatch data to Redux 
   EACH-CATEGORY.ts/
 
 components/
   COMPONENT_NAME/
    |-- COMPONENT_NAME.tsx  -----components with styled-components
 
 reducers/  -----Get data from actions to send it to store 
   EACH-CATEGORY.ts/
 
 static/
  images/
 
 styles/
  |-- theme.tsx  -----Define global style, breakpoints, color variables  

 lib/  -----Sample bookmark data

Upcoming features


Author

eastend-street