Skip to content

Instantly share code, notes, and snippets.

View devmnj's full-sized avatar
💭
Exploring Algos

Manoj AP devmnj

💭
Exploring Algos
View GitHub Profile
@devmnj
devmnj / store.ts
Created November 26, 2021 17:22
Nuxt3 Pinia Store example [typescript]
import { defineStore,acceptHMRUpdate } from 'pinia'
export const useStore = defineStore('storeId', {
// arrow function recommended for full type inference
state: () => {
return {
// all these properties will have their type inferred automatically
count: 0,
}
},
@devmnj
devmnj / MUICheckboxGroup.tsx
Last active January 7, 2022 06:34
MUI Component : CheckBox Group
import * as React from 'react';
import Box from '@mui/material/Box';
import FormLabel from '@mui/material/FormLabel';
import FormControl from '@mui/material/FormControl';
import FormGroup from '@mui/material/FormGroup';
import FormControlLabel from '@mui/material/FormControlLabel';
import FormHelperText from '@mui/material/FormHelperText';
import Checkbox from '@mui/material/Checkbox';
export default function MUICheckGroup() {
@devmnj
devmnj / flat-html5-css3-login-form.markdown
Created January 16, 2022 04:09
Flat HTML5/CSS3 Login Form

Flat HTML5/CSS3 Login Form

Simple HTML5/CSS3 login form that also works as registration form. You can tweak this form further to use it as part of your web app, website or anything else.

A Pen by Aigars Silkalns on CodePen.

License.

@devmnj
devmnj / searchwidget.dart
Created January 18, 2022 17:49
Flutter search widget
class SearchBox extends StatelessWidget {
const SearchBox({Key? key, required this.hintText, required this.controller})
: super(key: key);
final String hintText;
final TextEditingController controller;
@override
Widget build(BuildContext context) {
return Padding(
@devmnj
devmnj / React-Sliding-LoginForm
Last active January 20, 2022 07:17
Sliding login / signup form in Reactjs
This is a simple Reactjs SlidingLoginSignUpForm Component
@devmnj
devmnj / main.go
Created February 8, 2022 18:41
Golang REST API using Gin package
package main
import (
"net/http"
"github.com/gin-gonic/gin"
)
// album represents data about a record album.
type album struct {
@devmnj
devmnj / main.go
Last active February 13, 2022 07:12
GO Product API using GORM and Fiber
package main
import
("github.com/gofiber/fiber/v2"
"example/REST_API/product"
"example/REST_API/database"
"fmt"
"log"
"gorm.io/gorm"
"gorm.io/driver/sqlite"
@devmnj
devmnj / React-quilljs-mention
Last active June 5, 2022 06:49
Quilljs Mention - React component
import React, { Component } from 'react';
import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';
import 'quill-mention/dist/quill.mention.css';
import 'quill-mention';
const atValues = [
{ id: 1, value: 'Fredrik Sundqvist' },
{ id: 2, value: 'Patrik Sjölin' },
];
export default class Editor extends Component {
@devmnj
devmnj / index.html
Created July 13, 2022 06:21
Portfolio
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
@devmnj
devmnj / index.html
Created July 13, 2022 10:45
Simple Parallax Scrolling
<!--
========================== NOTE ==========================
This is an old post. I've made a new and easier parallax scrolling effect with images as backgrounds.
Check it here: https://codepen.io/nikkz/pen/qZJKqG
-->
<div class="first-wrap">
<div class="first-div">
<p class="new-update">