My Mini Projects

Explore my open-source mini projects here

Multi-Page Landing Website Template

Multi-Page Landing Website Template

I just published my first project on Gumroad as a template for a multi-page landing website that you can use for your own business. You can download the full source code I published on Gumroad and customize it to fit your own business. What is great about this product: Customizable Responsive Landing Multi-pages Website Template using Bootstrap and Jotform. Simplicity and Minimalist UX/UI Design. High Performance (score at 97/100 and score at 100/100 for accessibility, best practices, and SEO on Lighthouse). Multi-Purpose Usage for your business website (such as consultant services). Fully technical support if any issue. Help with customization (if required).

Learn more →
Demo →
Story It App

Story It App

Usage: Writing blogs/tutorials/documents and having options for public use (public users can view and comment with Facebook plugin) or private-use (saving as a draft before publishing or keeping as personal stories). Authorized login and logout with Google account. Technologies: Handlebars as view engine and MaterializeCSS for the front-end design, NodeJS and ExpressJS as back-end server, MongoDB as database, Cloudinary for photo storage, CKeditor for composing and editing stories, Algolia for filter and searching. Successfully deployed on Heroku as front-end and back-end.

Learn more →
Demo →
Ecommerce App

Ecommerce App

Usage: Authorized login and logout with an email account and protected password. Buyers can search, view, and add products to the shopping cart, check out with online payment and view order status. Whereas, sellers (admin) can add and manage categories, products, and order status. Both users and sellers can manage their profiles. Technologies: JWT authentication, NextJS as server rendering, MongoDB as database, Cloudinary for image storage, Bootstrap4 as front-end design, and Paypal API at checkout. Successfully deployed on Vercel.

Learn more →
Demo →
Note It App

Note It App

Usage: Taking notes, writing tutorials/ document, or book-marking links for easy to search and view later. Technologies: ReactJS, Material-UI, and Bootstrap4 as front-end design, Firebase for login/logout authorization (Google and Github account) and data storage, Quill Editor for creating a new note. Successfully deployed on Netlify.

Learn more →
Demo →
QAs App

QAs App

Usage: Public users can search, read and answer questions; whereas, authorized login users can also create/delete their questions or like/reply to questions from others. Authorized login and logout with an email account and protected password. Technologies: ReactJS and Semantic UI for the front-end design, ExpressJS and NodeJS as the backend server, MongoDB and GraphQL as database, Algolia for filter and searching. Successfully deployed on Heroku for back-end and Netlify for front-end.

Learn more →
Demo →