Giter Club home page Giter Club logo

ideas's Introduction

Ideas

With so many new things I'm trying to learn, things start to get messy very easily and sometimes ideas are lost altogether. So I made this small app that allows you to type whatever ideas you have and group them in topics so things get a bit clearer and you wouldn't have to worry about losing interesting thought anymore.

Main page's UI

Main page's UI

Add a new Idea:

Add an idea

Settings

You can change colors and enable dark mode in the settings, the profile picture change isn't functional. Settings aren't properly done, you have to select your color and enable/disable dark theme every time you change settings, I'm sure there's a better way to do this and I'm scratching my head to find it.

Change settings

Search function:

You can filter through your ideas by typing in the search bar, only entries containing your search query will stay By the way this is how light UI looks like! Should have avoided to show it right after dark themed pages, it looks so bright...

Light mode UI and search function

Responsive design:

The app works pretty well on phones too, here's what it looks like:

Responsive design

Stack

"Ideas" run on Python/Flask, the obvious choice would be to use databases here but I opted for a more basic Folder/TXT file approach as a temporary system until I get a database up and rolling, consider it a proof of concept or something. The front-end side contains HTML/CSS and a bit of vanilla Javascript, no frameworks. I want to understand everything (well not EVERYTHING) there is to understand about Javascript in webdev before picking a framework so I get to know the things that happen behind the curtains, I think learning a framework too early would get me to use things I don't really understand enough.

Future changes

  • Only show the Topics, ideas should be shown separately when the user chooses a topic to delve in.

ideas's People

Contributors

achillfeeder avatar

Watchers

 avatar

ideas's Issues

UI/UX improvements

Only display Topics at first, and only when a specific topic is clicked that we should be able to see it's Ideas.

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.