Skip to content

Instantly share code, notes, and snippets.

View constgenius's full-sized avatar
🎯
Focusing

constGenius constgenius

🎯
Focusing
View GitHub Profile
@constgenius
constgenius / constants.ts
Created March 15, 2024 01:59
Build and Deploy Modern Animated Portfolio Website | Next.js 14, Framer Motion, Tailwind CSS
export const Skill_data = [
{
skill_name: "Html 5",
Image: "/html.png",
width: 80,
height: 80,
},
{
skill_name: "Css",
Image: "/css.png",
@constgenius
constgenius / constants.index.ts
Created March 5, 2024 15:47
Build and Deploy a Fully Responsive Travel Website | Modern UI:UX Website | Next js 14, Tailwind CSS
// NAVIGATION
export const NAV_LINKS = [
{ href: '/', key: 'home', label: 'Home' },
{ href: '/', key: 'how_hilink_work', label: 'How Hilink Work?' },
{ href: '/', key: 'services', label: 'Services' },
{ href: '/', key: 'pricing ', label: 'Pricing ' },
{ href: '/', key: 'contact_us', label: 'Contact Us' },
];
// CAMP SECTION
@constgenius
constgenius / App.jsx
Created December 10, 2023 10:11
Modal Component purely in ReactJS and TailwindCSS
import { CheckCircle } from "react-feather"
import Modal from "./components/Modal"
import { useState } from "react"
function App() {
const [open, setOpen] = useState(false)
return (
<>
<main className="App">
<button className="btn btn-success" onClick={() => setOpen(true)}>
@constgenius
constgenius / App.css
Last active September 17, 2023 14:16
Movies App using React JS
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
* {
margin: 0;
border: 0;
box-sizing: border-box;
}
:root {