all projects

01.

Natours Project

Based on MongoDB, Express, Pug Template, and NodeJS to book a tour you like. Authentication and authorization done using JSON Web Token package. Real emails are sent via sendgrid when a user signs up and books a tour. Stripe payment gateway with Stripe webhook used for the tour booking checkout. Model, View, and Controller architecture featured with clean URL. Mapbox is integrated for location of the tour. Text compression, Mongo data sanitization with great error handling features. Hosted on Heroku cloud platform.

HtmlCssPugJavascriptNode JSMongoDB
02.

React and Material UI Project

A fully responsive React website with Material UI framework and deployed on NOW where you can estimate for your application development. Application development can be either Desktop or Website or Mobile and each development section has its own requirement and price according to the features selected by the user. Search Engine Optimization (SEO) and cross browser support feature is included to make rank website and make everyone able to use the website respectively. Google Analytics such as Filtering and Page Tracking, Event Tracking and Conversion Tracking is used.

React JSMaterial UIFirebaseNext JS
03.

Gatsby Portfolio Project

Made on top of Gatsby JS and contents are managed using Strapi. Some of the contents are managed locally as well to show use cases which can be used accordingly. All the details are genuine and can be used instead of Resume. There is a custom error page and Search Engine Optimization (SEO) is used to rank the website. Dynamic data from Strapi is displayed using Graphql. CSS moduling is done to make the website beautiful and fully responsive and mobile friendly.

ReactStrapiGatsby
04.

Gatsby and Graphql Example

Gatsby Js Example project showing Graphql use to display some data dynamically which is deployed on Netlify. Go to product tab to see the data dynamically.

NetlifyGatsbyReactContentful
05.

CMS Project

Blog post content management project based on Node.js and handlebar template with simple and beautiful CSS. All CRUD function can be carried out on blogs with admin and user features separated. User can register itself and add blogs with image. Other user can comment on specific blog post. User can create categories as well while admin can generate multiple dummy posts. There is a graph of Posts, Comments and Categories in the dashboard.

HTMLCSSHandlebarsMongoDBNode.js
06.

Music Master Project

Made on top of react.js with simple user interface. User can search for artist they like and data will be fetched from spotify api and the artist profile along with the top tracks will be displayed for each artist. User can play and pause the track listed. However, only 30 sec of the track will be played. Deployed on Netlify. Thanks to David Katz for making the spotify api available https://github.com/15Dkatz/spotify-api-wrapper

JavascriptReact.jsHtml

copyright©2021Sudin all rights reserved.