For this project, you must develop your own blog. It is important that you focus on developing the Blog as asked on the image. If you want to add more functionalities and visual changes, do it on a new branch. On the master branch
the project must be the same as the specifications asked here, so that your project gets evaluated automatically.
- Fork and clone the repository
- Open the design and analyse it
- Write the code
- Handing the project
Fork the repository for your user. You have to locally clone the repository. On the terminal you must write the following code:
git clone https://github.com/cognits/frontend-blog.git
Change cognits for your user name.
An image or a photoshop file from a designer is going to be your only guide when you work with a development team. This image is going to give you the guidelines you need to follow for the software. Open the image blog-sketch to see how your webpage is going to look like.
Make sure you write all of your HTML code at index.html and all of you CSS code at styles.css. Through code, you have to make the closest webpage possible to the blog-sketch image blog-sketch.
Now you have to write at least 3 posts. Each individual post must be inside the “post.json” file, inside the _posts. Para cada posts agrega titulo, fecha, contenido y autor. Add a title for each post, the content and the author for each post. You have to read it through Javascritp/JQuery and show them in the blog from the newest to the oldest.
After you make sure your blog is functional, you have to let your users be able to comment! Add an area at the bottom of each blog where the users can comment, and it should be shown on the screen.
Only when you finish the main page of the blog, you can continue with the advanced topics. Now make a search option using Javascript and JQuery that looks for the posts by the query and that returns the posts that contains the used words.
To make sure your code passes, you have to run tests on your computer. For this we are going to use a tool known as Gulp that runs on Node.JS.
If you followed all the detailed steps in the [Pre-requisitos](1. Pre-requisitos), using the terminal go into the project folder and write the following commands:
npm -d install
After installing the modules run this command:
gulp
To hand this project you must commit the changes and then push the project to your remote repository in Github.
git add .
git commit -m 'The search option of the blog is working!'
Then we have to send the code to your Github repository
git push origin master
After making the changes in Github, you have to click on the Pull Requests link that can be found on the Github page of your project. Follow the instructions that they give you there.
Now you have to look at your buddies code and leave your comments. Get on one of your buddies project and make 3 suggestions to they code using Issues.