diff --git a/.all-contributorsrc b/.all-contributorsrc index 5c7c998..c79178d 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -1,5 +1,5 @@ { - "projectName": "project-unagi", + "projectName": "project-udon", "projectOwner": "dscnitrourkela", "repoType": "github", "repoHost": "https://github.com", @@ -25,6 +25,33 @@ "maintenance", "infra" ] + }, + { + "login": "starkjay21", + "name": "Jayesh Nayak", + "avatar_url": "https://avatars.githubusercontent.com/u/100998898?v=4", + "profile": "https://github.com/starkjay21", + "contributions": [ + "code" + ] + }, + { + "login": "anmol5936", + "name": "anmol5936", + "avatar_url": "https://avatars.githubusercontent.com/u/127973342?v=4", + "profile": "https://github.com/anmol5936", + "contributions": [ + "code" + ] + }, + { + "login": "Mixel2004", + "name": "Mixel2004", + "avatar_url": "https://avatars.githubusercontent.com/u/84668201?v=4", + "profile": "https://github.com/Mixel2004", + "contributions": [ + "code" + ] } ] } diff --git a/README.md b/README.md index 26b4fae..8c122b9 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,9 @@ [![Starware](https://img.shields.io/badge/Starware-⭐-black?labelColor=f9b00d)](https://github.com/zepfietje/starware) -[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-) + +[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-) + [![Contributors][contributors-shield]][contributors-url] @@ -66,14 +68,14 @@ The UI components are built using [Shadcn/UI](https://shadcn-ui.vercel.app/). Following technologies and libraries are used for the development of this website -- [React](https://reactjs.org/) -- [Vite](https://vitejs.dev/) -- [Tailwind CSS](https://tailwindcss.com/) -- [Shadcn/UI](https://shadcn-ui.vercel.app/) -- [Cloudflare](https://www.cloudflare.com/) -- [Redux](https://redux.js.org/) -- [Firebase](https://firebase.google.com/) -- [Netlify](https://www.netlify.com/) +- [React](https://reactjs.org/) +- [Vite](https://vitejs.dev/) +- [Tailwind CSS](https://tailwindcss.com/) +- [Shadcn/UI](https://shadcn-ui.vercel.app/) +- [Cloudflare](https://www.cloudflare.com/) +- [Redux](https://redux.js.org/) +- [Firebase](https://firebase.google.com/) +- [Netlify](https://www.netlify.com/) ## Getting Started @@ -81,36 +83,35 @@ To setup the project locally the steps below. ### Prerequisites -- [Node.js](https://nodejs.org/en/download/) - - ```sh - # homebrew - brew install nodejs +- [Node.js](https://nodejs.org/en/download/) - # sudo apt (Debian based systems) - sudo apt install nodejs + ```sh + # homebrew + brew install nodejs - # pacman (Arch Linux) - pacman -S nodejs + # sudo apt (Debian based systems) + sudo apt install nodejs - # module Install (Fedora) - dnf module install nodejs: # stream is the version + # pacman (Arch Linux) + pacman -S nodejs - # yum (CentOS, Red Hat) - yum install nodejs + # module Install (Fedora) + dnf module install nodejs: # stream is the version - # windows (chocolatey) - choco install nodejs + # yum (CentOS, Red Hat) + yum install nodejs - ``` + # windows (chocolatey) + choco install nodejs -- [PNPM](https://pnpm.io/installation) -> [!NOTE] -> Best way to install it is using `corepack`. It is recommended to use pnpm as the package manager for this project. It is faster and more efficient than npm and yarn. + ``` +- [PNPM](https://pnpm.io/installation) + > [!NOTE] + > Best way to install it is using `corepack`. It is recommended to use pnpm as the package manager for this project. It is faster and more efficient than npm and yarn. -- [Git](https://git-scm.com/downloads) +- [Git](https://git-scm.com/downloads) ```sh # homebrew @@ -139,11 +140,11 @@ Our Slack Community: [Slack Invite](http://bit.ly/NITRDevs)
Please refer to the project's style and contribution guidelines for submitting patches and additions. In general, we follow the "fork-and-pull" Git workflow. -1. **Fork** the repo on GitHub -2. **Clone** the project to your local system -3. **Commit** changes to your own separate branch -4. **Push** your work back up to your fork -5. Submit a **Pull request** so that we can review your changes +1. **Fork** the repo on GitHub +2. **Clone** the project to your local system +3. **Commit** changes to your own separate branch +4. **Push** your work back up to your fork +5. Submit a **Pull request** so that we can review your changes NOTE 1: Please abide by the [Contributing Guidelines](https://github.com/dscnitrourkela/project-unagi/blob/master/CONTRIBUTING.md). @@ -178,7 +179,6 @@ pnpm dlx shadcn-ui@latest add ``` - #### Adding/Removing Dependencies Following are the commands to remove/add new dependencies using yarn @@ -232,7 +232,10 @@ Your appreciation makes us grow and glow up. ⭐ - + + + +
Ashish Padhy
Ashish Padhy
💻 📆 ⚠️ 🚧 🚇		Ashish Padhy
Ashish Padhy
💻 📆 ⚠️ 🚧 🚇		Jayesh Nayak
Jayesh Nayak
💻		anmol5936
anmol5936
💻		Mixel2004
Mixel2004
💻
@@ -240,4 +243,4 @@ Your appreciation makes us grow and glow up. ⭐ - \ No newline at end of file + diff --git a/src/assets/images/image.png b/src/assets/images/image.png new file mode 100644 index 0000000..ef29845 Binary files /dev/null and b/src/assets/images/image.png differ diff --git a/src/components/AboutUs.jsx b/src/components/AboutUs.jsx new file mode 100644 index 0000000..26cf216 --- /dev/null +++ b/src/components/AboutUs.jsx @@ -0,0 +1,53 @@ +import { PersonalizedText, Paragraph } from './shared/typography/index.jsx'; +import aboutUsData from '../data/aboutUsData.js'; + +export default function AboutUs() { + return ( +
+
+ + {aboutUsData.tag1} +
+ {aboutUsData.tag2} + + {aboutUsData.tag3_char1} + + {aboutUsData.tag3_wavy} + + {aboutUsData.tag3} + + +
+ +
+ {aboutUsData.lists.map((list, index) => ( +
+ {list.title} + + {list.title} + +
+ ))} +
+ + + You all are coming right ??... + + + + {aboutUsData.content1}{' '} + {aboutUsData.content2} + star + +
+ ); +} diff --git a/src/components/shared/Button.jsx b/src/components/shared/Button.jsx new file mode 100644 index 0000000..87a10c2 --- /dev/null +++ b/src/components/shared/Button.jsx @@ -0,0 +1,38 @@ +import { cva } from 'class-variance-authority'; +import { cn } from '../../lib/utils'; + +const buttonVariants = cva(['flex', 'items-center', 'justify-center', 'rounded'], { + variants: { + variant: { + primary: [ + 'bg-[#ff7647]', + 'border', + 'border-black', + 'border-solid', + 'rounded-[8px]', + 'px-[12px]', + 'py-[10px]', + 'gap-[10px]', + 'text-black', + 'font-semibold', + ], + }, + size: { + large: 'text-xl', + medium: 'text-lg', + small: 'text-base', + }, + }, + defaultVariants: { + variant: 'primary', + size: 'medium', + }, +}); + +export default function Button({ variant, size, className, children, ...props }) { + return ( + + ); +} diff --git a/src/components/shared/Hamburger.jsx b/src/components/shared/Hamburger.jsx new file mode 100644 index 0000000..9137693 --- /dev/null +++ b/src/components/shared/Hamburger.jsx @@ -0,0 +1,45 @@ +import { cn } from '../../lib/utils'; +import { cva } from 'class-variance-authority'; + +const hamburgerVariants = cva(['hamburger-icon', 'flex-col'], { + variants: { + isOpen: { + true: 'open', + false: 'closed', + }, + }, + defaultVariants: { + isOpen: false, + }, +}); + +export default function Hamburger({ isOpen, onClick }) { + return ( + + ); +} diff --git a/src/components/shared/Logo.jsx b/src/components/shared/Logo.jsx new file mode 100644 index 0000000..12d0893 --- /dev/null +++ b/src/components/shared/Logo.jsx @@ -0,0 +1,19 @@ +import { cva } from 'class-variance-authority'; +import { cn } from '../../lib/utils'; + +const imgVariants = cva(['w-auto'], { + variants: { + size: { + small: ['h-16'], + medium: ['h-20'], + large: ['h-24'], + }, + }, + defaultVariants: { + size: 'medium', + }, +}); + +export default function Logo({ className, src, alt, size, ...props }) { + return {alt}; +} diff --git a/src/components/shared/NavBar.jsx b/src/components/shared/NavBar.jsx new file mode 100644 index 0000000..5d578d9 --- /dev/null +++ b/src/components/shared/NavBar.jsx @@ -0,0 +1,64 @@ +import { useState } from 'react'; +import { Link } from 'react-router-dom'; +import Text from './typography/Text'; +import Navigation from '../../data/Navigation'; +import image from '../../assets/images/image.png'; +import Button from './Button'; +import Logo from './Logo'; +import Hamburger from './Hamburger'; + +function NavBar() { + const { navItems, logo } = Navigation; + const [isNavOpen, setIsNavOpen] = useState(false); + + const toggleNav = () => { + setIsNavOpen(!isNavOpen); + }; + + return ( + + ); +} + +export default NavBar; diff --git a/src/data/Navigation.js b/src/data/Navigation.js new file mode 100644 index 0000000..808fb73 --- /dev/null +++ b/src/data/Navigation.js @@ -0,0 +1,36 @@ +export default { + title: 'Navigation', + + logo: { + src: 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1710064616/logo-2150297_640_ahhzps.webp', + alt: 'Logo', + }, + + navItems: [ + { + id: 'About us', + name: 'About', + link: '/about', + }, + { + id: 'Events', + name: 'Events', + link: '/events', + }, + { + id: 'Sponsors', + name: 'Sponsors', + link: '/sponsors', + }, + { + id: 'Contact us', + name: 'Contact', + link: '/contact', + }, + { + id: 'FAQS', + name: 'FAQs', + link: '/faqs', + }, + ], +}; diff --git a/src/data/aboutUsData.js b/src/data/aboutUsData.js new file mode 100644 index 0000000..8cec5bf --- /dev/null +++ b/src/data/aboutUsData.js @@ -0,0 +1,28 @@ +const aboutUsData = { + tag1: "Let's relive & celebrate ", + tag2: 'our ', + tag3_char1: 'g', + tag3_wavy: 'ood day', + tag3: 's Together', + lists: [ + { + title: 'Rewind', + img_url: 'https://res.cloudinary.com/dkivz06xv/image/upload/v1710089259/xqpydhigob3opgpzyv1a.png', + }, + { + title: 'Reunite', + img_url: 'https://res.cloudinary.com/dkivz06xv/image/upload/v1710089483/kkubnibzjiyaevv6m2gr.png', + }, + { + title: 'Rejoice', + img_url: 'https://res.cloudinary.com/dkivz06xv/image/upload/v1710089259/j9zi48resont3yqnudmm.png', + }, + ], + content1: + 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur', + content2: + 'aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem', + star_img_url: 'https://res.cloudinary.com/dkivz06xv/image/upload/v1710089645/rvqsfd4sqaclbthidnxl.png', +}; + +export default aboutUsData; diff --git a/src/pages/playground.jsx b/src/pages/playground.jsx index e1974ea..e84505f 100644 --- a/src/pages/playground.jsx +++ b/src/pages/playground.jsx @@ -1,11 +1,15 @@ import { Heading, HeroText, Paragraph, PersonalizedText, Text } from '../components/shared'; import Footer from '../components/shared/marginals/footer.jsx'; + import Final from '../components/shared/Register/Final.jsx'; import Register from '../components/shared/Register/Register.jsx'; +import AboutUs from '../components/AboutUs.jsx'; +import NavBar from '../components/shared/NavBar'; export default function Playground() { return ( <> +
Hero Text Personalized Text @@ -31,8 +35,10 @@ export default function Playground() {
  • Black Foreground
    • + +