DEV Community

loading...
Cover image for My full stack blog based portfolio site

My full stack blog based portfolio site

iamismile profile image Ismile Hossain ใƒปUpdated on ใƒป2 min read

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.๐Ÿ™‚

Discussion (10)

pic
Editor guide
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 Author

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

Collapse
mzaini30 profile image
Zen

Thanks

Thread Thread
iamismile profile image
Ismile Hossain Author

Welcome๐Ÿ™‚

Collapse
nitinreddy3 profile image
Collapse
iamismile profile image
Collapse
ngarbezza profile image
Nahuel Garbezza

Nice portfolio! ๐Ÿ‘๐Ÿผ

Collapse
iamismile profile image
Collapse
abderrahimboum9 profile image
ABDERRAHIM BOUMAHDI

Do you translate md to HTML for your blog ?

Collapse
iamismile profile image
Ismile Hossain Author

Yes. I used markdown it parser for that.