Project Title: SEO BLOG

Overview- SEO Blog is a web-based application where people can share their
knowledge and insights in the form of blogs. Registered members can submit their
content in the form of text, images, which are then voted up or down by other
members.

Introduction: The SEO Blog is an online journal/ informational website where a

user can share views on different topics via blogs hence connect to the relevant
audience. A user can also view what others are posting and read different posts
and can also up vote/down vote them.

Technologies to be used-

a) Front end: React JS

b) Back end: ASP.NET core(C#)

c) Operating system: Windows 10

USER REGISTRATION REQUIREMENT

1. In the first stage Sign in and sign up would be displayed on the same page.
Firstly, a new user should sign up after filling fields such as first name, last
name, email address, password, confirm the password and after a successful
sign up a confirmation mail is sent to the registered email.

The Email needs to be unique for every user and if that is not the case then an
error message would be displayed “Email already exists”. After successful
signup user can sign in into account entering the registered email address and
password.

1.1 Sign-up- To sign-up, the user needs a first name, last name, email address,
and valid password.
 The Blog sign up page consists of five fields:

 First Name- First name of the user

 Last Name- Last name of the user

 Valid Email Id- @ and domain should be there

 Password should be alphanumeric ( minimum 6 characters)

 Confirm Password- Password should match the above-entered

password.

After signup, a verification mail would be sent to the user’s Email and a popup
would be displayed asking the user to verify the email.

1.2 Sign in- To sign in user should have

 Verified Email ID

 A password

1.3 Forgot Password- If the user forgets the password, on clicking Forget Password
button, a mail is sent to the registered mail address that includes a password reset
link to set a new password.

After sign-in, the home page will be displayed.

HOME PAGE REQUIREMENT

2. After a successful login, a Landing page would be displayed. On this page,
timeline, categories, blog creation/deletion would be displayed. On the Right
hand-side, a drop-down list of categories would be displayed. Users can click on
any category to read the posts related to that category. On the Left hand-side user
name and profile picture would be displayed.

2.1 Timeline- A timeline is the presentation of posts in chronological

order. Users can up-vote/down vote on the posts.
 2.2 Categories- Dropdown of all the categories are shown i.e.

 Sports

 Environment

 Fashion

 Technology

 Music

 Movie

 Food

 Cars

 Books

 Politics

 Current Events

 Travel

 Other

2.3 Blog Creation/ Deletion- There would be buttons to add a new blog,
edit or delete the existing blog. Users can choose the particular category from
category dropdown to specify the topic of writing. There can be a button to
add a photo with the blog.

FEATURES

3. The third stage of the SEO blog consists of features like searching and user
dashboard. Users can search the blogs using names and categories. Type category
or name in the search box then click “search”. User dashboard is where user can
delete own posts, add a cover photo/profile photo, view the number of up
vote/down vote on the post and edit the post.
3.1 Searching - User can search the blogs through

 Name

 Categories

3.2 User Dashboard- User Dashboard would include the following things i.e.

 Delete posts- User can delete own post by clicking on “Delete

post”.

 Add/Update cover and profile photo- User’s profile picture

and cover photo would be displayed on the dashboard along with
the options of updating them.

 View number of the up-vote and down vote- User can view
the number of up-vote and number of down-vote on the posts.

 Edit the posts- There would be an Edit button for editing the
post.

 View comments on posts- Users can View comments on posts

and reply to the comments by clicking on the “Reply” button.