Skip to content

## Event-FinderEvent-Finder helps you discover local events effortlessly. Built with React, TypeScript, and Next.js, it offers a smooth user experience. πŸŒŸπŸ‘¨πŸ’»

Notifications You must be signed in to change notification settings

anas-ouchkouk/Event-Finder

Repository files navigation

πŸŽ‰ Event Finder - Your Ultimate Event Discovery App 🌟

Event Finder

Welcome to the Event Finder repository! This full-stack application built with Next.js 14, TypeScript, Stripe, and TailwindCSS helps users discover and manage events effortlessly. Dive into the details below to learn how to set it up and contribute!

πŸš€ Table of Contents

🌟 Features

  • User Authentication: Secure login and registration using Clerk.
  • Event Management: Create, edit, and delete events with ease.
  • Payment Integration: Seamless payment processing through Stripe.
  • Responsive Design: Built with TailwindCSS for a clean and modern UI.
  • Date Picker: Easy date selection with react-datepicker.
  • Form Handling: Efficient form management using react-hook-form.
  • Validation: Robust data validation with Zod.
  • Custom UI Components: Leverage shadcn-ui for consistent styling.

πŸ› οΈ Tech Stack

This project utilizes the following technologies:

  • Next.js: A React framework for server-side rendering and static site generation.
  • TypeScript: A superset of JavaScript that adds static types.
  • Stripe: Payment processing service for handling transactions.
  • TailwindCSS: A utility-first CSS framework for rapid UI development.
  • Clerk: Authentication and user management.
  • MongoDB: NoSQL database for data storage.
  • React: JavaScript library for building user interfaces.
  • React Datepicker: A simple and reusable datepicker component.
  • React Hook Form: A library for managing form state and validation.
  • Shadcn UI: A collection of UI components for React.
  • Zod: A TypeScript-first schema declaration and validation library.

πŸ’» Installation

To set up the Event Finder application on your local machine, follow these steps:

  1. Clone the repository:

    git clone https://github.com/anas-ouchkouk/Event-Finder.git
  2. Navigate to the project directory:

    cd Event-Finder
  3. Install dependencies:

    npm install
  4. Set up environment variables: Create a .env.local file in the root directory and add the required variables. You can refer to the .env.example file for guidance.

  5. Run the application:

    npm run dev

Now, your application should be running on http://localhost:3000.

πŸ“¦ Usage

Once you have the application running, you can explore its features:

  • User Registration: Sign up to create an account.
  • Login: Access your account with your credentials.
  • Create Events: Use the form to add new events.
  • Edit/Delete Events: Manage your events from your dashboard.
  • Payment Processing: Test payments using Stripe's test keys.

For the latest releases and updates, visit our Releases section. Make sure to download and execute the latest version to enjoy all the new features!

🀝 Contributing

We welcome contributions to enhance the Event Finder application. If you would like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/YourFeatureName
  3. Make your changes and commit them:
    git commit -m "Add your message"
  4. Push to the branch:
    git push origin feature/YourFeatureName
  5. Create a pull request to merge your changes.

Please ensure your code follows our coding standards and passes all tests.

πŸ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.

πŸ”— Links

For more information and updates, check out our Releases page. You can find the latest downloads and instructions for running the application.

πŸ–ΌοΈ Screenshots

Here are some screenshots of the application:

Home Page

Home Page

Event Creation

Event Creation

User Dashboard

User Dashboard

πŸ› οΈ Future Improvements

We plan to implement several features in future updates, including:

  • Improved Search Functionality: Allow users to filter events based on categories and dates.
  • Notifications: Send reminders for upcoming events.
  • Social Sharing: Enable users to share events on social media platforms.
  • Analytics Dashboard: Provide insights on user engagement and event attendance.

πŸ’¬ Community

Join our community for discussions, support, and feedback. You can find us on:

We appreciate your interest in Event Finder! Happy coding!

About

## Event-FinderEvent-Finder helps you discover local events effortlessly. Built with React, TypeScript, and Next.js, it offers a smooth user experience. πŸŒŸπŸ‘¨πŸ’»

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •