A modern full-stack web application built with Next.js and Tailwind CSS for discovering and exploring upcoming developer conferences, hackathons, and tech meetups worldwide.
- Event Discovery: Browse and explore upcoming developer events with detailed information
- Event Cards: Beautiful event cards displaying event details, location, date, and time
- Responsive Design: Fully responsive UI with custom background effects and animations
- Navigation: Intuitive navbar and smooth navigation between pages
- Modern Styling: Built with Tailwind CSS and shadcn components
- Framework: Next.js (React framework)
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Language: TypeScript
- Package Manager: npm
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone https://github.com/anjumhere/Full-Stack-NextJs-tailwindcss-project.git
cd Full-Stack-NextJs-tailwindcss-project- Install dependencies:
npm install- Run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
├── app/
│ ├── components/
│ │ ├── EventCard.tsx # Event card component
│ │ ├── ExploreBtn.tsx # Explore events button
│ │ └── Navbar.tsx # Navigation bar
│ ├── page.tsx # Home page
│ ├── layout.tsx # Root layout
│ └── globals.css # Global styles
├── lib/
│ └── constants.ts # Event constants and data
├── public/
│ ├── images/ # Event images
│ └── icons/ # Icon assets
└── components/ # Shared UI components
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.