https://github.com/eastend-street/jotdown

Bookmark and note web service📗 (React.js, Redux, Python, Django, and Docker)
https://github.com/eastend-street/jotdown

django docker material-ui python react redux styled-components typescript

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/eastend-street/jotdown
• Owner: eastend-street
• Created: 2018-12-09T10:12:11.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T05:28:20.000Z (over 2 years ago)
• Last Synced: 2023-03-03T12:56:36.385Z (about 2 years ago)
• Topics: django, docker, material-ui, python, react, redux, styled-components, typescript
• Language: Python
• Homepage: https://jotdown.netlify.app
• Size: 8.53 MB
• Stars: 8
• Watchers: 0
• Forks: 1
• Open Issues: 41
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        









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](https://user-images.githubusercontent.com/43656115/76158377-2f36c400-60ca-11ea-99e8-909b6363e555.png)](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

![jotdown-ui](https://user-images.githubusercontent.com/43656115/76174246-64dbbb80-6163-11ea-9e46-ee29e85081a4.png)




## 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](https://user-images.githubusercontent.com/43656115/76137120-0e00a580-5fee-11ea-8bce-cfff48684507.png)




## 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](https://github.com/eastend-street)