GithubHelp home page GithubHelp logo

tiarasjec / website Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 2.0 202.17 MB

Website for Tiara 2024. A National-level Techno-Cultural fest.

Home Page: https://tiarasjec.in

JavaScript 0.15% CSS 0.54% TypeScript 97.21% Dockerfile 0.24% SCSS 1.85%
nextjs tech-fest techfest tiara

website's Introduction

Tiara 2024 Website

Tiara is a platform for young minds aspiring to be extraordinary. It's a National-level Techno-Cultural fest, open to all college students, where participants can showcase their talents and represent their respective institutions on the grand stage of Tiara. Our event aims to spread awareness and knowledge in new areas of Technology and Culture to contribute to the nation's development.

Event Details

Join us at Tiara 2024 to unleash your potential, explore new horizons, and contribute to the development of our nation through technology and culture!

  • Date: May 9th, 10th, and 11th, 2024.
  • Location: St Joseph Engineering College, Vamanjoor, Mangaluru, Karnataka, India.

Visit tiarasjec.in to learn more about Tiara 2024.

Technologies Used

Tiara 2024 website is built using Next.js and Prisma ORM. We utilize a serverless PostgreSQL database with Neon DB.

  • Frontend: Next.js, React, Tailwind CSS.
  • Backend: Next.js API Routes, Prisma ORM with PostgreSQL.
  • Database: Neon DB (Serverless PostgreSQL).
  • CDN: GCP (Google Cloud Platform) cloud storage buckets, provisioned by a CDN with Load balancer.
  • Deployment: Vercel

Getting Started

To get started with the Tiara 2024 website locally:

  1. Clone this repository.
  2. Install dependencies using npm install.
  3. Copy the .env.example file to .env and insert the environment variables.
  4. Run the development server:
    npm run dev
  5. Open http://localhost:3000 in your browser to view the website.

Building for Production

To build the Tiara 2024 website for production:

  1. Make sure you have environment variables setup.
  2. Run the build command:
    npm run build
  3. Start the production server:
    npm start
  4. Open http://localhost:3000 in your browser to view the website.

Learn More

To learn more about Next.js, take a look at the following resources:

website's People

Contributors

rabilrbl avatar anishshobithps avatar vyshnav001 avatar joywin2003 avatar melroydsa avatar vineeth-03-shenoy avatar

Stargazers

不明 avatar

website's Issues

floating navbar

  • Floating Nav (the present one is static, a floating nav would be better)

Events details

Issues on the cards branch

  • The events' details are experiencing styling issues.
  • Some events lack prerequisites.
  • The size of some rules is overflowing.
  • Timings for each event are not available.

Loading page

Loading page is not properly displaying for Home page

feat: Improve UX by adding event route component in landing page

  • Remove the Tiara Registrations out now!
  • Add the existing event route page at the end of Home page
  • Add a register now button at the very bottom

This design specially focus on mobile users as they view the landing page and navigate to event categories or register after scrolling, enhances UX.

RBAC

There should be 2 types of USERs
ADMIN, and PARTICIPANT(default).

  • Admin Dashboard

Core Team page

  • List the core team members, basically leads of each domain

Waiting for the core team details.

Loading

Add loading when switching between pages, can be achieved by using loading.tsx

Events page

Make a Gantt Chart

  • Display Events using Hover Card
  • Create Induvial Page for each event

NavBar

it will be better if it hides when it scroll to the bottom and reveals when it scroll to the top

Organizer page

  • Able to create Event and Modify.
  • Able to see event registrations etc.

Important Pages and Section

  • Privacy Policy page
  • Refund page
  • Footer

Okay, I am not sure where the old contents are, but will give it soon, make the footer for now.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.