Skip to content

DarlonHenrique/alurakut

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alurakut - a modern version of orkut

Alurakut Home

Techs


React

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”, the react library was used to build the entire Alurakut interface.

Hooks were used to create the logic to add communities and update the interface only when a new community is added and without reloading the page!

Next

Next.js is an open source React front-end development web framework created by Vercel that enables functionality such as server-side rendering and static site generation for React-based web applications.

I used next to create A backend to frontend architecture (BFF) to create customer-facing backends for alurakut. BFFs can help support an application with multiple clients while at the same time moving the system into a less coupled state than a monolithic system.

Styled Components

styled-components uses tagged template literals to style their reaction component. It removes mapping between components and styles. This means that when you define your styles, you are actually creating a normal React component, which has its styles attached to it.

Node

Node.js is open-source, cross-platform software based on Google's V8 interpreter that allows the execution of JavaScript code for a web browser.

in this project I use node to run my backend to frontend (BFF) to consume the DatoCMS library and send Requests using GraphQL.

DatoCMS

DatoCMS is a friendly, secure and powerful platform that enables marketer, editorial or developer team to build complex backend in minutes and to bring any kind of content everywhere.

inside alurakut I used DatoCMS' GraphQL resources to get the data from a new community and send it to the DatoCMS API using the backend to frontend architecture that nextjs and node allow us to use, then getting the data from this new community through a request in the DatoCMS API and rendering the new community on screen using reacft, without the need to reload the page