https://github.com/arturcolen/personalblogassignment

Final Project for the Web Interface Development course in the first semester of the Computer Science program.
https://github.com/arturcolen/personalblogassignment

bootstrap css github-api html javascript json-server nodejs

Last synced: 2 days ago
JSON representation

Final Project for the Web Interface Development course in the first semester of the Computer Science program.

• Host: GitHub
• URL: https://github.com/arturcolen/personalblogassignment
• Owner: ArturColen
• Created: 2024-06-26T02:50:13.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-11T02:03:39.000Z (2 months ago)
• Last Synced: 2024-09-11T07:09:17.914Z (2 months ago)
• Topics: bootstrap, css, github-api, html, javascript, json-server, nodejs
• Language: CSS
• Homepage:
• Size: 7.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Personal Blog Assignment

Final project for the Web Interface Development course in the first semester of the Computer Science program, created with the goal of consolidating the main knowledge learned about front-end development and the consumption of a Restful API using the JSON Server library.



## 🔨 Project functionality

The website consists of a personal blog that shares some personal information, data from created repositories, tips for starting in the software development field, and showcases some of my college colleagues. All this information is dynamic, meaning it is being consumed and loaded from the GitHub API and a locally created JSON Server.

## 💻 Technologies used

-   [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML): page structuring, accessibility and semantics

-   [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS): page styling

-   [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/): provides ready-to-use HTML and CSS components, facilitating the creation of responsive web interfaces

-   [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): dynamicity of the page

-   [Node.js](https://nodejs.org/pt-br/docs): allows the execution of JavaScript code outside the browser

-   [JSON Server](https://github.com/typicode/json-server/blob/v0/README.md): enables the creation of a RESTful API using a JSON file as a data source

-   [GitHub API](https://docs.github.com/pt/rest): allows developers to access and interact with GitHub’s repositories, user profiles, and other features programmatically

## 📁 Access and execute project

### 1. Install and configure [Node.js](https://nodejs.org/en/download/) on your computer

### 2. Clone [this repository](https://github.com/ArturColen/PersonalBlogAssignment) on your machine

### 3. Run the project on your computer

-   Install the project dependencies using the command `npm install`

-   Run the command `npm start` to start the project execution

-   Finally, open the URL `http://localhost:3000` in your browser