Giter VIP home page Giter VIP logo

front-end's Introduction

Omunga ( Angolan IT article Platform )

Omunga is an open source project created with the main objective of encouraging the sharing of content by IT professionals in Angola. The app allows users to post articles about IT, comment, like, search, and create discussion forums.

Key Features

  • Create an account
  • Publish articles
  • Comment on articles
  • Like articles
  • Follow users
  • Search articles
  • Create and participate in discussion forums

Technologies Used

  • Frontend Framework: Vue 3 with Nuxt 3 and TypeScript
  • Store: Pinia
  • UI Library: Nuxt UI
  • CSS Framework: Tailwindcss

Prerequisites

  • Text editor
  • Node.js installed

Installation

  1. Clone the repository:

    git clone https://github.com/OMUNGA/omunga.github.io.git
    cd omunga.github.io
  2. Install dependencies:

    npm install
  3. Start the application:

    npm run dev

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Thank you to all the people who already contributed to Omunga!

License

MIT

Copyright (c) 2024-present

front-end's People

Contributors

edson2001 avatar felixpereira avatar francisco-fetapi avatar inacio000 avatar lito-bumba avatar manuelcunga avatar mcmgeomagic1 avatar pedrofrancodev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

front-end's Issues

Next has a standard component for images.

Next has a standard component for images that is more performant and it practically forces you to use it.
Example:
<img src={article.avatarURL} alt='avatar' />
<Image src={article.avatarURL} alt='avatar' />

Next.js default for anchors

Next has a standard component for anchors which is more performant and it practically forces you to use it.
Example:
<a href="./">Home</a>
<Link href="./">Home</Link>

Folder's name haven't a pattern

I know it looks irrelevant, however, it is not. If even that hasn't a pattern, of course other things are not too. I see some folders like "Components" and others like "context". The pattern followed by many JavaScript developers is camelCase to named thing into the code and lowercase to name folder's name, I am sure that is the great approach.

awawaw

Refatoração geral do projeto

  • Revisar o código existente em busca de melhorias, remoção de redundâncias e simplificação do código.
  • Adotar boas práticas de programação e padrões de design para aumentar a qualidade e a manutenibilidade do código.

Sugestão de design

Não séria uma boa opção colocar a foto de perfil ao lado do menu por causa da experiência do usuário, muitas das vezes o usuário pode clicar na foto ao invês do menu, e vice-versa.
E por outra, se o usuário ainda não está logado não seria boa ideia mostrar uma photo de perfil.

Omunga

Styled-components on Server Side with babel

O projeto está com problemas ao importar recursos do styled-components, algo relacionado com Server-Side rendering, parece que alguém tentou resolver o problema usando o babel, mas ainda assim o problema não foi resolvido. Até aqui tentei atualizar a versão do Next para 13 e usar o SWC para transpilar o styled-components pelo servidor, mas não foi o suficiente, tentei 1 milhão de coisas e nada. 2 horas no mesmo problema, se alguém puder ajudar....

O melhor seria usar alguma lib para estilização sem "built-in", ou seja, no processo da build o que restará será apenas CSS puro, o styled-components é JS.

The Application has some bugs on production

I've forked the project into my local machine and I've done some changes in the package.json file after I pushed and open a pull request. So, as soon as I did that Netlify started to deploy those changes, and in the logs I saw some errors. I look for the previous build and it already had an error before.

I want get start to contribute on this project, Is there interested people here?

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.