/Technix23-Website

The repo for the official website of Technix 2023.

Primary LanguageJavaScriptMIT LicenseMIT

icon

Technix 2023 Website

This Repo and it's corresponding domain (cursor.org.in) is now transferred to CURSOR Council 2023. Best wishes to Team CURSOR

The official website for Technix 2023 Event, organized by the department of Computer Engineering, Goa College of Engineering, Ponda - Goa

Table of contents

 1. Features

 2. Hosted URLs

 3. Tech Stack

 4. Getting Started

 4. Application User Interface

 5. Mobile Experience

 6. Team

 7. Lessons Learned

 8. Feedback

Features

  • Appealing design
  • Events page showing all event details in one place
  • Countdown to the actual event
  • Built with NextJS - performance first with features like <Image/> component, lazy loading etc
  • Various other sections such as Footer (all contact details with google map embed), schedule table, navbars.
  • Event Registeration with Luma
  • animations with gsap (ScrollTrigger)

Hosted URLs

https://cursor.org.in/technix

https://cursor.org.in/

Tech Stack

  • NextJS13-React
  • TailwindCSS
  • GSAP
  • StyledComponents
  • json for data handling
  • lu.ma event pages

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

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

Application User Interface

Home

Hero

Events

Events

Sponsors

Sponsors

Schedule Section

Schedule

Footer and Team

Footer

Single Event Page

Register

Mobile Experience

  Alt text     Alt text

The Team

  • The team of inhouse designers and developers who made this a reality

Website

From top

  • Trusha Neogi (Designer)
  • Sai Sameer Kumar Lolla (Developer)
  • Harsh Kumar (Developer)
  • Lloyd Costa (Developer)
  • Jayden Viegas (Developer)
  • Rounak Naik (Developer)
  • Medam Greeshma (Designer)
  • Mark Cotta (Designer)
  • Puneet Patil (Developer)

Lessons Learned

While building this website, I acted as a dev lead, overseeing contributions by everyone, and integrating it into the incremental builds. In this process I learned team management, and working in teams.

I also learnt newer concepts of NextJS 13, including the latest <Image/> component, font rendering improvements, etc.

Together with my team, I managed to be a builder of a website that was viewed by students across colleges of Goa.

This is something I will always remember and be proud of!

Feedback

If you have any feedback, please reach out to me: saisameer.lolla@gmail.com