Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
0dd233d
Create project file structure
RogerOliveDelgado May 12, 2022
2230bb7
Functionality - Display posts&comments
RogerOliveDelgado May 12, 2022
b45b127
add a bit more css
juliomc23 May 12, 2022
ef00fe6
Database - Simplify db.json
RogerOliveDelgado May 12, 2022
dc0aa58
add login functionality
juliomc23 May 12, 2022
bdbf42d
HTML/CSS - Write Post
RogerOliveDelgado May 12, 2022
61ffd38
adding buttons to delete and edit posts and comments
juliomc23 May 12, 2022
65b8f59
JS - Login.js functionality updated
RogerOliveDelgado May 13, 2022
d0ccb6f
Merge branch main with loginUser
RogerOliveDelgado May 13, 2022
f5cdec8
editComment.js add functionality to edit comment in database
RogerOliveDelgado May 13, 2022
519b334
Functionality -- Edit Posts/Comments -- Show Comments
RogerOliveDelgado May 13, 2022
92d16ff
add deleting functionality
juliomc23 May 13, 2022
f8b38d7
javascript adding create new POST/COMMENTS functionality
juliomc23 May 13, 2022
cb6b18c
adding better css styles
juliomc23 May 15, 2022
5a584b7
Design HTML/CSS Create-post -- UPDATE
RogerOliveDelgado May 15, 2022
4594bf0
Refactoring -- Apicommunication.js refactor
RogerOliveDelgado May 15, 2022
d3997e9
API communication -- get all posts & get post functionality
RogerOliveDelgado May 15, 2022
48dd15c
Refactor -- functionality createPostCard
RogerOliveDelgado May 16, 2022
a4243a2
Refactoring -- Functionality
RogerOliveDelgado May 16, 2022
89d272f
getting users from pokeapi -- display user/avatar
juliomc23 May 16, 2022
48e8d2c
posts.js Deletting extra code
RogerOliveDelgado May 16, 2022
fdbe279
Merge branch 'displayPosts'
RogerOliveDelgado May 16, 2022
0e77083
Functionality -- Code debugging
RogerOliveDelgado May 16, 2022
c04c35d
modified README
juliomc23 May 16, 2022
abe7538
Update README.md
juliomc23 May 16, 2022
a72572e
Add more pokemons to data-base & change png to gif
RogerOliveDelgado May 16, 2022
e2f96d8
Last working function
RogerOliveDelgado May 16, 2022
b7e210d
Design -- Ultimate design
RogerOliveDelgado May 16, 2022
02fa0d0
Final changes
RogerOliveDelgado May 16, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
node_modules
package-lock.json
58 changes: 13 additions & 45 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,59 +2,27 @@

# Blog with API <!-- omit in toc -->

<p>
<img alt="Version" src="https://img.shields.io/badge/version-1.0-blue.svg?cacheSeconds=2592000" />
</p>
> In this pill we have learned how to create a blog with an API serving the necessary data to create it.
> We have used:
* HTML: skeleton of the project
* CSS: styles of our page
* Bootstrap and SASS: as css framework
* JS Vanilla: project logic
* PokeAPI and JSON Server: get data and send data to create our own API.

> In this pill you will put into practice the knowledge learned about making HTTP requests to create a blog consuming the information from a third-party API. You will also learn how to use Bootstrap Framework for the layout.

## Index <!-- omit in toc -->

- [Requirements](#requirements)
- [Repository](#repository)
- [Technologies used](#technologies-used)
- [Project delivery](#project-delivery)
- [Resources](#resources)

## Requirements

- You must use semantic HTML5 elements for all the contents of the application
- You must use JSON server library to create your own local repository
- You must use fecth to do the requests
- You have to use Bootstrap Framework for the Layout and the styles
## Project Img <!-- omit in toc -->
![This is a alt text.](./src/img/Project%20IMG.png "This is our project img.")


## Repository

First of all you must fork this project into your GitHub account.

To create a fork on GitHub is as easy as clicking the “fork” button on the repository page.

<img src="https://docs.github.com/assets/images/help/repository/fork_button.jpg" alt="Fork on GitHub" width='450'>

## Technologies used

\* HTML

\* CSS

\* JS

\* Bootstrap

\* HTTP Requests

\* JSON

\* API
To get our project, you can clone it and do npm install to get the dependencies

## Project delivery

To deliver this project you must follow the steps indicated in the document:
## Team Members

- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
[Roger Olive Delgado](https://github.com/RogerOliveDelgado).
[Julio Macias Caldera](https://github.com/juliomc23).

## Resources

- [JSON server](https://github.com/typicode/json-server)
- [Official Bootstrap](https://getbootstrap.com/)
Loading