Giter Site home page Giter Site logo

bye-boring-bites's Introduction

Byte Boring's Bites

Image by onism artstudio from Pixabay


README-driven development

What I've expected to learn from this project?

  1. Build my own things without tutorials (still refer tutorials for how-to knowledge)
  2. deploy my app fast without complete all features (learn to how to isolate task)
  3. Control more on OOS component library (try Kent's recommend)
  4. TypeScript to React project
  5. Manage states and do more with Redux (reduct toolkit, query)
  6. Apply API's data to create more shiny, creative layout and useful design
  7. Mock API to local (work offline + fast)
  8. Apply search feature
  9. Create comment feature like Twitter (authentication + serve data across accounts + database)
  10. Make use more of hooks (useMemo, useCallback, my own custom hook)
  11. has system on task managements to remind + priortize what are core things need to be builds + has an ideas bucket (Trello)

What I've not expected to learn?

  1. Caching data
  2. Fancy database - will use Firebase for backend
  3. Testing - want to deploy my app ASAP
  4. UX (feeling nice and easy to use/navigate) - want to focus on functionality (user can interact)
  5. Github actions set up
  6. Docker
  7. NextJS - use pure React to understand its core and pain
  8. Local text (in Vietnamese)
  9. Adapt template structure, best practice - want to focus discorvering technology + service

What's in the stack

What's mission of this project?

  • If I'm bored, what next thing/event I should do?
  • My story: I want something to try, but don't know where/when, then I ask Bing's AI and findout some Hackathons to join and am also going to join others meetup + conference on EventBrite

What things this project can do?

  1. Core: When feel bored, user can click a button to generate random activites
  2. Community: User can comments on activity as a guide, sharing
  3. Search: user able to search with some indicators (location, environment, budget, accessibility)
  4. Profile: user able to save, take note

Acknowledge

Field Source
UI Component https://www.hyperui.dev/
README-drive mindset + energy https://kentcdodds.com

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.