https://github.com/ajnanmvr/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.
https://github.com/ajnanmvr/darsfest
artsfest charting filtering json list nextjs showcase table tailwind
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/ajnanmvr/darsfest
- Owner: ajnanmvr
- Created: 2023-10-29T07:26:34.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-25T13:54:34.000Z (over 2 years ago)
- Last Synced: 2023-12-25T14:48:35.719Z (over 2 years ago)
- Topics: artsfest, charting, filtering, json, list, nextjs, showcase, table, tailwind
- Language: JavaScript
- Homepage: https://darsfest.vercel.app
- Size: 536 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- Github Repo : https://github.com/ajnanmvr/darsfest/
- Hosted : https://darsfest.vercel.app/
## 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](https://nextjs.org/docs).
### 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:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](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`](https://nextjs.org/docs/basic-features/font-optimization) 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](https://github.com/ajnanmvr/darsfest/issues).