DEV Community

Cover image for My full stack blog based portfolio site
Ismile Hossain
Ismile Hossain

Posted on • Edited on

My full stack blog based portfolio site

Hello everyone!๐Ÿ‘‹ I have been working on my portfolio site and it is now live. It's a blog based site where I will write about my web technologies. It's a full stack project, this is my first full stack project. Please give some feedback on it. To see my website visit:- https://iamismile.herokuapp.com

Now I'm going to talk a little bit about myself and my website here. I'm new in web development. Eight month passed away that I'm learning web development. I have learned modern technologies: React.js, Node.js, Express, MongoDB, Mongoose. So I've decided to build my own project, a big project, where I can learn more, implement my knowledge and face some real world problems. And I decided to build a blog site for myself where I can share my thoughts and which also helps me to find a good job.

โœจ Lets talk about my website Stack, Design, Features and Security.

โœ” Stack:

The website build with modern technologies. It is an API and Server-Side rendered website. To check my website API visit: https://iamismile.herokuapp.com/api/v1/tidbits

๐Ÿ”น Client-Side(i.e. frontend):- HTML, CSS, JavaScript.

๐Ÿ”น Server-Side(i.e. backend):- Node.js(JavaScript runtime).

๐Ÿ”น Database:- MongoDB(NoSQL).

๐Ÿ”น Image Management:- Cloudinary.

๐Ÿ”น Email Services:- SendGrid(For server-side), EmailJS(For client-side).

๐Ÿ”น Deployment & Hoisting:- GitHub, Heroku.

๐Ÿ”น Web Performance:- Lighthouse Chrome DevTools.

Website Performance

โœ” Design:

The website is designed with mobile first design. I try to keep all the pages simple and nice looking.

Alt Text
Alt Text
Alt Text

โœ” Features:

  • RESTful API design with advance features: filtering, sorting, pagination.
  • Used MVC architecture.
  • Complete modern authentication: login, password reset.
  • Uploading files and Image processing.
  • Send email with SendGrid and EmailJS.
  • Advance error handling.
  • Used Markdown to write blogs.
  • Code Style Practices: Used ESLint.
  • Testing: For testing I used Postman(manual testing).

โœ” Security:

Security is an important thing for a website. So some security best practices for my website are given below:

  • Compromised database: Strong encrypt password & password reset token.
  • Brute Force Attacks: Implement rate limiting.
  • Cross-Site Scripting (XSS) Attacks: Sanitize input data.
  • Denial of Service (DOS) Attacks: Implement rate limiting.
  • NoSQL query injection.
  • Use HTTPS.
  • Random password reset token with expiry dates.
  • Deny access to a authenticated web pages after password reset.

Thanks for reading and stay tuned. Don't forget to give feedback.๐Ÿ™‚

Latest comments (10)

Collapse
 
ngarbezza profile image
Nahuel Garbezza

Nice portfolio! ๐Ÿ‘๐Ÿผ

Collapse
 
iamismile profile image
Ismile Hossain

Thanks๐Ÿ™‚

Collapse
 
abderrahimboum9 profile image
ABDERRAHIM BOUMAHDI

Do you translate md to HTML for your blog ?

Collapse
 
iamismile profile image
Ismile Hossain

Yes. I used markdown it parser for that.

Collapse
 
mzaini30 profile image
Zen

Wow. It's very fast and nice looking

What about my blog? mzaini30.com. Hahahahhaha

Collapse
 
iamismile profile image
Ismile Hossain

Thanks๐Ÿ™‚. Your website is simple and nice.

Collapse
 
mzaini30 profile image
Zen

Thanks

Thread Thread
 
iamismile profile image
Ismile Hossain

Welcome๐Ÿ™‚

Collapse
 
nitinreddy3 profile image
Nitin Reddy • Edited

Nice work buddy!

Collapse
 
iamismile profile image
Ismile Hossain

Thanks๐Ÿ™‚