Git Product home page Git Product logo

my-blog's Introduction

Projeto com FullStack

Demonstração do projeto

🖥️ MyBlog

O MyBlog é um projeto FullStack desenvolvido para criar e ler artigos publicados. É uma plataforma robusta e intuitiva que permite aos usuários compartilhar e descobrir conteúdos.

👨‍💻 Tecnologias

Esse projeto foi desenvolvido utilizando as seguintes tecnologias:

  • HTML
  • CSS
  • JAVASCRIPT
  • EXPRESS.JS
  • EJS
  • NODE.JS

📝 Descrição

O MyBlog é um projeto FullStack desenvolvido utilizando as tecnologias aprendidas no curso "The Complete 2024 Web Developers" da Udemy. Este projeto oferece aos usuários a capacidade de criar, ler e compartilhar artigos sobre uma variedade de tópicos relacionados a criptoativos e tecnologia blockchain.

O backend do MyBlog é construído em Node.js e Express.js, enquanto o frontend é desenvolvido com HTML, CSS e JavaScript.

Além disso, o MyBlog inclui recursos como a geração automática de IDs únicos para cada artigo, suporte para envio de novos artigos via formulário, e a capacidade de visualizar artigos individuais por meio de URLs dinâmicas.

Este projeto é uma demonstração prática do aprendizado adquirido durante o curso e serve como uma plataforma para compartilhar conhecimento e promover a discussão sobre criptoativos e tecnologia blockchain.

Funcionalidades

  • Visualização de Artigos: Os usuários podem visualizar uma lista de artigos disponíveis na página inicial do MyBlog. Cada artigo exibe o título, descrição e data de publicação.

  • Leitura de Artigos Individuais: Os usuários podem clicar em um artigo para ler seu conteúdo completo em uma página dedicada.

  • Adição de Novos Artigos: Existe a capacidade de adicionar novos artigos por meio de um formulário acessível pela rota "/addPost". Os novos artigos são adicionados ao conjunto de dados inicial e imediatamente disponibilizados para visualização na página inicial.

  • Responsividade: O MyBlog é responsivo, o que significa que ele se adapta a diferentes tamanhos de tela, garantindo uma experiência de usuário consistente em dispositivos móveis e desktops.

  • URLs Dinâmicas: Cada artigo tem uma URL única baseada em seu ID, o que permite aos usuários acessar facilmente artigos específicos diretamente por meio de seus links.

  • Geração de IDs Únicos: Cada artigo é atribuído a um ID único gerado automaticamente, garantindo que não haja conflitos de identificação entre os artigos.

Como usar

Para começar a usar o MyBlog localmente, siga estas etapas:

  1. Clone o repositório:

    git clone https://github.com/seu-usuario/myblog.git
    
  2. Instale as dependências:

    Navegue até o diretório do projeto e execute o seguinte comando para instalar as dependências necessárias:

    cd myblog
    npm install
    
  3. Execute o projeto:

    Após a instalação das dependências, você pode iniciar o servidor local executando:

    node index.js
    
  4. Acesse o MyBlog:

    Abra um navegador da web e navegue até o seguinte URL:

    http://localhost:3000/home
    

    Agora você pode explorar e interagir com o MyBlog localmente!

my-blog's People

Contributors

filipevolz avatar

Watchers

 avatar

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.