Front-end: HTML, CSS, JavaScript, Bootstrap, Jquery
Back-end: PHP, MySQL
- AJAX support
- email support
- forget password/password recovery
- cookies
- improved UI/UX
- account deactivating
- comment activating/deactivating
This is the signup / login page. A user can create a new account or can directly login if his/her account already exists. The login and signup buttons changes color on hovering over it. User can also scroll down to see various artworks and qoutes.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/loginpage.png)
![](/Anindya-Das02/blogSpace/raw/master/screenshots/signup.png)
![](/Anindya-Das02/blogSpace/raw/master/screenshots/login.png)
This is the user's profile page. The user can upload his/her image as profile picture. The user description box also shows the email id, no. of blogs posted by the user and the no. of followers he/she has. At the bottom of the page you can find the blogs written by the user.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/profile_page.png)
A user can create new blog, view statistics or delete blogs through the options given.
The create new blog page appears to be like this. A user have to enter the blog title and then write the blogs. A user manual is provided to help the user correctly upload his/her blog. The user can also preview his/her work by clicking the 'preview' button. Once the blog is completely finished the user can click on the 'upload' button to upload his/her blog. After uploading the user is redirected to his/her blog page.
Security was a concern. Thus I used prepared statements and HTML Purifiers to reduce the possibility of XSS and other security threats.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/newblog.png)
This page shows the statistics of the users posts. The page consists 2 tables, one showing the no. of likes on each posts and one showing no.of comments per posts.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/stats.png)
This page allows the user to delete his/her existing blog from his/her account. To confirm the blog, a little portion of the blog is also shown. The user can also click on the blog title to see the complete blog and confirm it's deletion. To delete a blog the user just have to click on the radio button and press on 'confirm delete' to delete the blog.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/del.png)
The user can search for other users. They can visit them, look into their profiles, read their blogs and follow them.
![](/Anindya-Das02/blogSpace/raw/master/screenshots/randpro.png)