DevSphere Conference

A fictional tech conference website built with SvelteKit and Tailwind CSS.

🚀 Live Demo

Deployed Link (https://devsphere-conference.vercel.app/)

---

🚀 Features

• Home Page: Hero section, keynote speakers.
• Speakers Page: Grid layout showcasing speakers with images, names, and bios.
• Schedule Page: Structured timetable of sessions.
• Sponsors Page: List of sponsors with logos and tiers.
• About Page: Introduction to the conference.
• Contact Page: Contact form and social media links.
• Bonus Features : Countdown timer, session filtering, sponsor tiers, Google Map integration.

🛠 Tech Stack

• SvelteKit
• Tailwind CSS
• JavaScript

📦 Installation & Setup

1. Clone the Repository

   git clone https://github.com/Anushka404/Devsphere-conference
   cd devsphere-conference

2. Install Dependencies

   npm install

3. Run Development Server

   npm run dev

4. Build for Production

   npm run build

📄 Pages & Routes

• Home (/) – Conference details, hero section, and keynote speakers.
• Speakers (/speakers) – List of all speakers with images, names, and bios.
• Schedule (/schedule) – Detailed conference schedule with session timings.
• Sponsors (/sponsors) – List of sponsors categorized by tiers.
• About (/about) – Overview of the conference and its mission.
• Contact (/contact) – Contact form and social media links.

📜 Code Quality & Guidelines

• Clean and modular code structure.
• Responsive and visually appealing UI.
• Reusable components for consistency.
• Follow best practices in Svelte and Tailwind CSS.