Code Monkey home page Code Monkey logo

technews's Introduction

lang-en lang-pt-br

Repository language count Repository size Commit activity Last commit Project license Layout designer

Screenshot of the application initial page

Go to the web application โ†—

๐Ÿ“’ Table of Contents

๐Ÿ“ Overview

The project is a web application based on Jekyll that works as a complete source of news and information about technology, covering various topics from software development to hardware innovations, making it easy for enthusiasts, professionals and students of technology to stay informed about the latest trends.

The site features a user-friendly design, including responsive layouts, newsletter sign-up and social media integration, making it a must-visit destination for technology updates.

โœจ Features

๐Ÿ“š Access a wealth of tech information

๐Ÿ“‚ Quick access to content filtered by category

โญ๏ธ View more articles without leaving the main page with the 'Load more' button

๐Ÿ“Š Share, like, and save posts

๐Ÿ’ฌ Engage in discussions by leaving comments on articles using your GitHub account

๐Ÿ“ Enjoy the convenience of interactive forms powered by PHP

๐Ÿ“ฑ Optimized for seamless viewing on all devices

๐Ÿค– Demo

technews.mp4

๐ŸŽจ Layout

The layout of the application was designed by guipm.dev and is available on Figma.

Web application layout image cover

๐Ÿ›  Technologies

The following tools were used to build the project:

Website

Jekyll JavaScript PHP

Bootstrap Sass

* See the Gemfile file

Utils

Git Ruby Figma Google Fonts VSCode

๐Ÿš€ Getting Started

โœ”๏ธ Prerequisites

Before you begin, ensure that you have the following tools installed on your machine: Git, Ruby, and RubyGems. It's also good to have an editor to work with the code, such as VSCode.

๐Ÿ“ฆ Installation

  1. Install the jekyll and bundler gems:
gem install jekyll bundler
  1. Clone the repository:
git clone https://github.com/guipmdev/technews/
  1. Change to the project directory:
cd technews
  1. Install the dependencies:
bundle install

โš™๏ธ Usage

  1. Start the web application:
bundle exec jekyll serve --livereload
  1. Access https://localhost:4000/technews/ to view the application

๐Ÿ“„ License

This project is licensed under the terms of the MIT license. See the LICENSE file for additional info.

๐Ÿ‘ Acknowledgments


Made with ๐Ÿ’™ by @guipm.dev - Feel free to contact me!


โ†‘ย ย  Return to the top ย ย โ†‘

technews's People

Contributors

guipmdev avatar guilhermeprevedamilek avatar

Stargazers

Hangga Aji Sayekti avatar Herbert Sipriano da Silva avatar

Watchers

 avatar

technews's Issues

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.