Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dhruv-kapoor-1202/dem-project
https://github.com/dhruv-kapoor-1202/dem-project
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/dhruv-kapoor-1202/dem-project
- Owner: Dhruv-Kapoor-1202
- Created: 2024-10-26T22:46:45.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-27T11:14:29.000Z (2 months ago)
- Last Synced: 2024-10-28T02:53:51.450Z (2 months ago)
- Language: JavaScript
- Homepage:
- Size: 7.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EventSpot Lite
A responsive single-page web application where users can discover local events happening around them. Built using React.js, Vite, and Tailwind CSS, this application offers a visually appealing interface with smooth animations and is optimized for various screen sizes.
## Features
- **Event Listing Page**:
- Displays a list of events with mock data including event name, date, description, and location.
- Includes search functionality to filter events by `name` or `location`.
- **Event Details Modal**:
- Clicking on an event card opens a modal with more details, including an event description and an image.
- **Responsive Design**:
- The application adapts to different screen sizes, ensuring a seamless user experience on desktop, tablet, and mobile devices.
- **UI and Animations**:
- Modern and intuitive design.
- Smooth animations for hover effects, modal transitions, and loading indicators.
- Visual feedback on user interactions, such as button clicks.
- **Performance Optimization**:
- Optimized images and assets for faster loading times.
## Installation and Setup
### Prerequisites
- Node.js (v16+ recommended)
- Git
### Steps to Install and Run Locally
1. Clone the repository:
```bash
git clone https://github.com/your-website/Dhairya_Sethi_EventSpotLite.git
cd EventSpotLite
```
2. Install dependencies:
Using npm:
```bash
npm install
```
3. Start the development server:
Using npm:
```bash
npm run dev
```
4. Open the application:
The development server will start on `http://localhost:5173`.
## Technologies Used
- **Frontend**: React.js, Vite
- **Styling**: Tailwind CSS
## Contact
For any questions or issues, please open an issue on GitHub.