By the conclusion of the second sprint of Array's bootcamp, you will create a blog that will allow users to see blog posts that you have created. This will include several different pages and give users an ideal experience to read topics that you want to discuss. The interface is entirely up to your choosing, but you will need to use the following technologies during the assignment. You will complete three different blog posts or more, three is the minimum. Each one will be done by a random person related to your blog's content and one blog post will be done by yourself.
For example, a blog about Array Inc would include "Professor Lindly", "Eric Trowbridge" and "Amy Surdam" as the authors of the three blog posts (each would have one blog post that they "wrote" in your blog website). They should all be included in the "about the authors" page as well.
- CSS
- React
- Redux
- React Router
- JSX (JavaScript XML)
- Bootstrap
- Should include a navigation bar with access to a list of blog posts, a "contact me" page, an "about the authors" page
- Should have some sort of indicator about what page you're currently on.
- Should include a footer of some sort with additional navigation links (same ones as navigation).
- Should have a "back to top" button that appears after scrolling past the first view height of the page.
- Should include a column with blocks for the "blog posts" that you've written.
- Include image of blog post.
- Include title of blog post.
- Include description of blog post.
- Should include an image carousel of some sort that will rotate around relevant images to your blog.
- Should include a full spot for the blog content.
- Should include a "cover image" for the blog.
- Should include a spot for the author's name and username and avatar.
- Should include a spot for the title of the blog post.
- Should include the date of when the blog post was finished.
- Should include a circular portrait of the various authors.
- Should have a spot for the author's information below the circular portrait.
- Should default to you as the first author shown.
- Upon clicking the author's circular portrait, it switches the information below the portrait to the information of the author.
- Should include a styled form with a nice background.
- Should be the basic form for contact forms.
- Should pop up a modal that says the message has been sent.
Improve the blog website by integrating commenting into the blog pages. This should be done in a spot at the bottom of the blog post pages, which has a spot for a name and a comment field. After submitting the comment, it appears in a "comments section" at the bottom of the blog post.
Further improve the website by allowing users to sign up for the website. After creating a username and password, it should be encrypted and then stored inside of their local storage or it can use web tokens and cookies. It should have a "remember me" checkbox that will keep the user signed in. Requires a sign-up additional page with a styled form as well.