NotionLingo
simple-blog-application-backend-challenge
NotionLingo | simple-blog-application-backend-challenge | |
---|---|---|
3 | 2 | |
48 | 100 | |
- | - | |
7.7 | 0.0 | |
12 months ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
NotionLingo
-
I spend last 6 months figuring out if it makes sense to implement Clean Architecture approach on Frontend application. I wrote 21-minute long article where I deep dive into this topic. I hope it will interest you and force you in the future to start thinking about architecture at start of project :)
For people who are interested in the repo code where I implemented everything, please look here: https://github.com/Levofron/NotionLingo
-
I open-sourced my full-stack React app. It's built with Next and Supabase. This is my very first front-end project powered by a clean-architecture approach. Diving into the code base might be a good learning and discussion opportunity.
Bro, I am very happy that you love it! Here's a code for this on my repo: https://github.com/Levofron/NotionLingo/blob/main/client/ui/atoms/particles-background/particles-background.component.tsx. To achieve this I used a react-tsparticles library. They have an amazing playground available here: https://particles.js.org/samples/index.html#growing. This is just a matter of changing properties that can take minutes or in the worst scenario hours of time :P
simple-blog-application-backend-challenge
-
From Frontend to Backend
I'll slowly start to see other repos and documentations, and identify the patterns. In this repo: https://github.com/dyarleniber/simple-blog-application-backend-challenge/blob/main/README.md, for example, I could see again concepts like, Repository, Interfaces, Domain, entities, infrastructure and so on.
-
Hexagonal Architecture and Clean Architecture (with examples)
And if you want to take a look in a code example, of how to use Clean Architecture in a project, you can also check out this repository: Simple Blog Application: backend challenge. Where I created a Simple Blog API built with TypeScript and MongoDB, using TDD, Clean Architecture, SOLID principles, Design Patterns, and some DDD patterns. It was part of a backend coding challenge, so it has some other interesting features, like authentication with JWT, a CI Workflow with GitHub Actions, a local environment with Docker and Docker Compose, and a documentation.
What are some alternatives?
Pomodoro-notion - App to connect with notion database and start practising pomodoro
undb - 🚀 Private first, unified, self-hosted no code database.
notion-blog - A Next.js site using new SSG support with a Notion backed blog
treees - Trees images generator based on L-Systems made with TypeScript using OOP principles.
nodetskeleton - A NodeJs Skeleton based in Clean Architecture to use TypeScript with ExpressJS, KoaJS or any other web server framework. Please give star to project to show respect to author and effort. 🤗
clean-react - Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
clean-architecture-react - Clean Architecture Example Using React.js
clean-architecture-with-typescript-api
typescript-ddd-example - 🔷🎯 TypeScript DDD Example: Complete project applying Hexagonal Architecture and Domain-Driven Design patterns
my-readings - API of my readings, developed in Nest.js, MongoDB, Nginx and Dockerized
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
readable-tests-by-example - Project that was used to demonstrate how to write tests that can serve as living code documentation. (DDD, Hexagonal Architecture, DSL, BDD)