Apgiiit.com

I created this app using Vue 3 and composition API. I wanted to play around with composition API in Vue 3 and how things are organized in comparison with Vue 2. I wanted a data source to feed the app with some relevant data and my search ended when I found this API in a blog post. This uses hooks based approach we have in React for fetching data from the API. In Vue's language it's called composables. This can serve as a nice alternative to Vuex.

For UI it uses Prime Vue, it is built on top of "Sakai Vue" which is a free admin template from the folks who developed PrimeVue. It is equipped with multiple colored themes including conventional light and dark themes, you can also change font size of the app through the theme which appears on the right hand side as "cog" icon.

Technologies

Home

Meals

Category

Filtering Meals

Ram Krishna Paramhans Inter College abbreviated as RKPHIC is a senior secondary school situated in Saharanpur, Uttar Pradesh, India. This school is managed by one of my friends who asked me to develop a basic school management software with database connectivity and certain elementary features like adding students, notifications, downloading results and more.

The project is in progress state and currently deployed on heroku here. The app mostly displays static data for now through Jinja templates. But, at the time of writing this model structure was finalised and admin user was able to add student, notification, gallery through the Django admin panel. Such projects which demand admin panel are ideal to be built in Django.

For UI the website uses modified version of a Bootstrap 5 template available. Bootstrap 5 components do not require Jquery to be included, however there are other libraries like aos (animate on scroll), counter, lightbox etc used for achieving various dynamic Javascript effects easily. Screenshots for this project are directly taken from the Heroku link on which this site is hosted for the time being.

Technologies

Gallery

Contact

Notification

Snapvilla or Photovilla is a sample theme I created in Material CSS from scratch. Most of the themes I've worked on and even online are available in Bootstrap. I wanted a boilerplate of my own in Materialize CSS which has most of the core components from the CSS framework. That is how this project came into existence.

I find working with dynamic components like Modal, Sidebar, drop down navbar, carousel a lot easier to work with in Materialize than let's say Bootstrap for instance, a lot of CSS frameworks don't come with support for dynamic components and need JQuery to implement those in projects. Color scheme Materialize offers is another reason of me appreciating this framework. I definitely see myself working more in Materialize CSS using this as some sort of boilerplate for future projects.

Technologies

First

Second