/darsfest

Welcome to the Artfest Programs Showcase website! This web application is built using Next.js and Tailwind CSS to showcase programs related to Dars and Candidate Programs, allowing judges to provide feedback through a mark sheet.

Primary LanguageJavaScript

Jamia Dars Artfest Programs Showcase

Welcome to the Artfest Programs Showcase website! This web application is built using Next.js and Tailwind CSS to showcase programs related to Dars and Candidate Programs, allowing judges to provide feedback through a mark sheet.

Live Links

Getting Started

Follow these instructions to build and run the project.

Setup React Native

A detailed guide for setting up Next.JS can be found here.

Setup Project

  • Clone this repository using git clone https://github.com/ajnanmvr/darsfest.git.
  • cd into darsfest.
  • Run npm install to install project dependencies.

Running the App

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.jsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Features

  • Dars Program Showcase: View a list of programs specifically related to Dars in the art festival.

  • Candidate Program Showcase: Explore a separate showcase for candidate programs.

  • Judgment Mark Sheet: Judges can evaluate each program and provide feedback through a mark sheet.

Technologies Used

  • Next.js: The website is built using Next.js, a React framework for server-rendered React applications.

  • Tailwind CSS: Styling is done using Tailwind CSS, a utility-first CSS framework.

  • React: The frontend is built using React for a dynamic and interactive user experience.

Screenshots

Community

We welcome contributions and feedback. Feel free to open an issue.