eastend-street/jotdown

Bookmark and note web service📗 (React.js, Redux, Python, Django, and Docker)

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

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

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

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

• Get bookmarks from browsers (Try to make chrome extension!)
• Sync bookmarks to a browser when a bookmark is edited
• Show skelton when bookmarks are loading (e.g. https://material-ui.com/components/skeleton/)

Author

eastend-street